scaffold-route
Scaffold Route
Create a complete vertical slice for a new feature: page, API, and validation.
What gets created
app/[feature]/
├── page.tsx # Server component
├── loading.tsx # Skeleton loader
├── error.tsx # Error boundary
└── components/
└── index.ts # Barrel export
server/api/routers/[feature]/
└── index.ts # tRPC router with CRUD procedures
validations/
└── [feature].ts # Zod schemas + inferred types
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.
13prototype
Create quick React prototypes that bundle to a single HTML file. Use for demos, interactive experiments, or shareable artifacts - NOT for full apps (use audreygen/Next.js for those).
13test-review
Review existing tests for completeness, quality issues, and common mistakes
12