prototype
Prototype
Adapted from Anthropic's web-artifacts-builder skill
Create lightweight React prototypes that bundle to a single shareable HTML file.
When to Use This vs. Other Tools
Use prototype |
Use audreygen |
Use Astro |
|---|---|---|
| Quick prototype | Full app | Static site |
| Interactive demo | Needs database | Content-heavy |
| Shareable single file | Needs API/auth | Blog, docs |
| Claude artifacts | Production app | Marketing |
Stack
- React 18 + TypeScript + Vite
- Tailwind CSS + shadcn/ui
More from cerico/macfair
infographic
Generate infographics from text. Extracts key info, renders SVG, exports PNG. Uses Claude Code (no API costs).
38creative-design
Create distinctive, memorable UI for landing pages, portfolios, marketing sites, and one-off creative work. Use when the user explicitly wants something "distinctive", "creative", "memorable", or "unique" - NOT for standard app components where consistency matters.
21visx
Build data visualizations with visx (React + D3). Use for charts, graphs, and interactive data exploration.
21threejs
Build 3D scenes, animations, and interactive experiences with Three.js. Use for product viewers, backgrounds, data visualization, or creative experiments.
13test-review
Review existing tests for completeness, quality issues, and common mistakes
12scaffold-route
Scaffold a new Next.js route with tRPC router, Zod validation, and proper file structure
12