canvas
Installation
SKILL.md
Browser Canvas
Choosing a Mode
The server auto-detects the mode based on filename:
| File | Mode | Best For |
|---|---|---|
App.jsx |
React | Rapid prototyping, complex forms, dashboards with charts |
index.html |
Vanilla | Portable artifacts, standards-based code, durability |
React Mode (App.jsx)
- Pre-bundled shadcn/ui components (Button, Card, Dialog, etc.)
- Tailwind CSS styling
- useState/useEffect reactivity
- Recharts for data visualization
- Hot-reload preserves state