WireScript

WireScript for GitHub transforms WireScript code blocks in GitHub markdown files into interactive wireframe previews. WHAT IS WIRESCRIPT? WireScript is a markup language for describing UI wireframes. It uses a simple, readable syntax to define screens, layouts, and components. This extension brings those wireframes to life directly on GitHub. HOW IT WORKS: • Automatically detects code blocks with 'wire' or 'wirescript' language tags • Shows a clickable preview of the wireframe • Click to activate the full interactive wireframe • Toggle between wireframe view and source code with one click • View wireframes in fullscreen mode for detailed inspection • Supports multi-screen wireframes with tab navigation USE CASES: • Preview UI designs without running any code • Share interactive wireframes in README files • Document component libraries and design systems visually • Review UI specifications in pull requests • Create living documentation for your projects FEATURES: • Zero configuration required - just install and it works • Lightweight and fast - renders only when you click • Respects viewport settings (mobile, tablet, desktop) • Automatic deactivation when scrolling away to save resources • PNG preview caching for faster subsequent loads • Works on any public or private GitHub repository PRIVACY: • All processing happens locally in your browser • No data is sent to external servers • No tracking, analytics, or cookies • No account required • Open source - review the code yourself PERMISSIONS EXPLAINED: This extension requires access to github.com pages to detect WireScript code blocks and render them as wireframes. It does not access any other websites or send data anywhere. SUPPORT: For bug reports, feature requests, or questions, please visit the project's GitHub repository.