skills
Skills
Quick reference for available skills.
Building
| Skill | When to use | Example prompt |
|---|---|---|
scaffold-route |
New Next.js feature (page + API + validation) | "scaffold a route for bookings" |
prototype |
Quick React demo, shareable single HTML | "prototype a color picker" |
mcp |
Build MCP server for Claude integrations | "create an MCP server for my database" |
documents |
Generate PDFs or Word docs | "generate an invoice PDF" |
threejs |
3D scenes, product viewers, animations | "build a 3D product viewer" |
visx |
Data visualization, charts, graphs | "create a line chart for sales data" |
infopage |
Quick reference HTML pages | "create an infopage comparing X vs Y" |
Reviewing
| Skill | When to use | Example prompt |
|---|---|---|
refactor |
Review your branch, grade, refactor until 90+ | "run refactor" |
review-pr |
Review someone's PR or final-check your own | "review PR 123" |
preflight |
Before PR, catch common issues | "run preflight" |
test-review |
Check test quality and coverage | "review my tests" |
debug |
Something's broken, trace the cause | "debug this error" |
zod-extract |
Find inline schemas to centralize | "find inline zod schemas" |
outdated |
Check for major version upgrades | "check outdated packages" |
Navigation
| Skill | When to use | Example prompt |
|---|---|---|
next |
Not sure what to do, get suggestions | "what's next" |
todo |
Work through TODO.md tasks | "work on todo" |
skills |
See all available skills | "list skills" |
Design
| Skill | When to use | Example prompt |
|---|---|---|
creative-design |
Landing pages, portfolios, distinctive UI | "design a memorable landing page" |
Quick Decision Guide
Not sure what to do?
└── /next
Need to build something?
├── Full app with database → audreygen
├── New feature in existing app → scaffold-route
├── Quick interactive demo → prototype
├── Extend Claude's capabilities → mcp
├── 3D scene or animation → threejs
├── Data visualization → visx
└── Quick reference page → infopage
Need to review/improve code?
├── Your branch, improve until 90+ → refactor
├── Someone else's PR → review-pr
├── Quick issue scan before PR → preflight
├── Test quality → test-review
└── Centralize Zod schemas → zod-extract
Something broken?
└── debug
Maintenance?
├── Major version upgrades → outdated
└── Work through tasks → todo
Need design direction?
├── Consistent app UI → your standard patterns
└── Distinctive one-off → creative-design
More from cerico/macfair
infographic
Generate infographics from text. Extracts key info, renders SVG, exports PNG. Uses Claude Code (no API costs).
38visx
Build data visualizations with visx (React + D3). Use for charts, graphs, and interactive data exploration.
21creative-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.
20threejs
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