A collection of custom skills I've put together for coding agents.
| Skill | Description | Source |
|---|---|---|
| blueprint | Distills a session's docs, issues, and ideas into a decision-level spec, then breaks it into self-contained plans agents can execute | bridge of shadcn/improve + mattpocock/skills |
| code-refactor-review | Reviews code changes for reuse, composition, codebase consistency, and slop | Sahaj Jain (gist) |
| goal-refiner | Refines rough ideas into scoped Codex Goals with clear boundaries and measurable completion criteria | saburo (tweet) |
| html-tools | Build single-file HTML tools — self-contained HTML+JS+CSS applications that solve a specific problem | Simon Willison (post) |
| ideation | Guides structured ideation through Socratic questioning to explore problems, opportunities, and solutions | (self-created skill) |
| implementation-guide | Generates comprehensive step-by-step implementation guides instead of writing code directly | Geoffrey Litt (tweet) |
| logging-best-practices | Use before implementing logs in a medium to large scale production system | Joe Sadoski (gist) |
| react-effect-patterns | Guidelines for proper React useEffect usage and avoiding unnecessary Effects | (react docs, probably) |
| tufte-viz | Ideate and critique data visualizations using Edward Tufte's principles for graphical integrity and data-ink ratio | aparente (gist) |
| wireframe | Produce low-fidelity black-and-white UI wireframes as standalone SVGs, with an optional static viewer page | Paperclip (post), adapted to work outside Paperclip |
Copy any skill directory to your agent's skills location or using Vercel's skills CLI:
npx skills add nbbaier/agent-skills