canvas - Browser Canvas UI Rendering
Render interactive React or Vanilla UIs in a browser using files, with hot reload, validation, screenshots, and state operations.
Tags
Updated: 2026-10-08Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Render React interfaces
- Render Vanilla interfaces
- Use preloaded UI components
- Apply CSS styling
- Update canvas files
- Capture screenshots
- Read validation logs
- Manage canvas state
Inputs
- UI requirements
- Project brand assets
- Style guides
- Design tokens
- Canvas files
Outputs
- Rendered browser interface
- App.jsx or index.html files
- Screenshots
- Validation notices
- Interaction log entries
- Canvas state changes
Requirements
- Browser Canvas server
- Browser window
- File write access
- Bun for CanvasClient scripts