Single-File Lab Studio

Generate self-contained HTML/CSS/JS single-file apps with live preview, preset management, and one-click publish-readiness.

Features

• GUI Sidebar: A dedicated Lab Explorer view in the Activity Bar.
• Template Gallery: Start with 📈 Data Visualizer, 🕹️ Game Loop, or 📑 Advanced Form patterns.
• Lab: New Single-File App: Quick wizard to create a dark-themed monolith.
• Lab: Import Spec: Paste a JSON spec to auto-generate UI and state.
• Lab: Live Preview: Beside-view with iframe sandbox and console detector.
• Lab: Publish Ready: Injects favicon, SEO meta, and offline support.

Usage

1. Press Ctrl+Shift+P and type Lab: New Single-File App.
2. Open the generated index.html.
3. Click the 🧪 icon in the editor title bar to open the Live Preview.
4. Use the Console at the bottom of the preview to debug.

Developed by kai99.