Skills28 skills in 4 sections
Skills
Reusable AI-powered capabilities that plug into your coding agent. Each skill is a SKILL.md file that extends what your agent can do, from finding other skills to implementing pixel-perfect UIs.
Getting Started
Open the section: Getting StartedFrontend Skills
Open the section: Frontend Skills- 1 min readfrontend-designA design philosophy skill that prevents generic "AI slop" interfaces and pushes toward distinctive UI with a strong, intentional aesthetic.Read
- 1 min readfigma-to-codeFor those striving for pixel-perfect UI implementation.Created by EnpitechRead
- 1 min readvercel-react-best-practices70 performance rules for React and Next.js, written by the Vercel team that ships it to production.Read
- 1 min readreact-view-transitionsNative browser transitions for React UIs, without a motion library.Read
- 1 min readcomposition-patternsKill the boolean-prop explosion before your component library becomes unmaintainable.Read
- 1 min readshadcnShips built-in to the shadcn/ui CLI — activates whenever your agent runs shadcn commands.Read
- 1 min readtailwind-design-systemShip a real design system on Tailwind v4 instead of a pile of utility classes.Read
- 1 min readwebapp-testingYour agent runs your app, clicks through it, and actually verifies the UI — not just that types check.Read
UI/UX Skills
Open the section: UI/UX Skills- 1 min readweb-design-guidelinesVercel's UI rulebook, applied as a lint pass on your code.Read
- 1 min readcanvas-designTreats visual design as fine art — develops an aesthetic philosophy before pushing pixels.Read
- 1 min readtheme-factoryTen curated themes plus on-demand theme generation — stop hand-tuning palettes.Read
- 1 min readbrand-guidelinesBake a brand identity into your agent so everything it ships is on-brand.Read
- 1 min readweb-artifacts-builderReact + Tailwind + shadcn artifacts, bundled into a single shippable HTML file.Read
- 1 min readimpeccable18 design commands — /polish, /audit, /typeset, /animate — for steering AI design output with precision.Read
- 2 min readdesign.mdThe ultimate guide to giving AI agents an eye for design.Read
- 3 min readkarpathy-guidelinesA single file that makes your coding agent think before it codes — distilled from Andrej Karpathy's observations on LLM pitfalls.Read
Productivity Skills
Open the section: Productivity Skills- 1 min readtest-driven-developmentRed-green-refactor enforced as a workflow, not a suggestion.Read
- 1 min readsystematic-debuggingStops the "try random patches until green" anti-pattern cold.Read
- 1 min readusing-git-worktreesParallel branches without the git stash dance or accidentally nuking work.Read
- 1 min readsentry-code-reviewSentry's engineering review playbook, turned into a skill.Read
- 1 min readsentry-security-reviewInvestigates broadly, reports narrowly — only high-confidence, exploitable findings.Read
- 1 min readsentry-pr-writerPR descriptions that explain what, why, and context — not "fixes stuff."Read
- 1 min readcaveman-commitCommit messages that are terse, Conventional, and actually explain the why.Read
- 1 min readmattpocock/skillsThe TypeScript wizard's personal .claude directory, open-sourced. Hit GitHub Trending #1 within 24 hours and 40k+ stars in days.Read
- 1 min readmem0Drop-in skill that teaches your agent to use Mem0 for persistent memory automatically.Read