Design, frontend, and design-engineering skills for humans and agents

██████╗ ███████╗███████╗██╗ ██████╗ ███╗   ██╗    ███████╗██╗  ██╗██╗██╗     ██╗     ███████╗
██╔══██╗██╔════╝██╔════╝██║██╔════╝ ████╗  ██║    ██╔════╝██║ ██╔╝██║██║     ██║     ██╔════╝
██║  ██║█████╗  ███████╗██║██║  ███╗██╔██╗ ██║    ███████╗█████╔╝ ██║██║     ██║     ███████╗
██║  ██║██╔══╝  ╚════██║██║██║   ██║██║╚██╗██║    ╚════██║██╔═██╗ ██║██║     ██║     ╚════██║
██████╔╝███████╗███████║██║╚██████╔╝██║ ╚████║    ███████║██║  ██╗██║███████╗███████╗███████║
╚═════╝ ╚══════╝╚══════╝╚═╝ ╚═════╝ ╚═╝  ╚═══╝    ╚══════╝╚═╝  ╚═╝╚═╝╚══════╝╚══════╝╚══════╝

A curated collection of community design, frontend, and design-engineering skills for humans and agents.

Skills (74)

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code and UI design that avoids generic AI aesthetics.

707.1K installs

A relentless interview to sharpen a plan or design.

667.2K installs

grill-with-docs

A relentless interview to sharpen a plan or design, which also creates docs (ADRs and glossary) as we go.

565.5K installs

vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code.

560.1K installs

improve-codebase-architecture

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

547.9K installs

Test-driven development. Use when building features or fixing bugs test-first, or when you want red-green-refactor / integration tests.

527K installs

setup-matt-pocock-skills

Configure a repo for Matt Pocock engineering skills — issue tracker, triage labels, and domain doc layout. Run once before first use.

478.5K installs

Move issues and external PRs through a triage state machine — categorise, verify, grill if needed, and write agent-ready briefs.

447K installs

remotion-best-practices

Domain-specific knowledge base for building videos with Remotion and React.

431.5K installs

nextlevelbuilder

Comprehensive UI/UX design intelligence with 50+ styles, 97 palettes, and 9 technology stacks for building professional interfaces.

286.1K installs

Flagship design skill for production-grade, anti-generic frontend interfaces with strong craft and consistency.

207.6K installs

emil-design-eng

Emil Kowalski's design-engineering philosophy for UI polish, components, animation, and production-ready frontend craft.

163.7K installs

Evaluate design quality with structured UX scoring, persona checks, and actionable remediation guidance.

84.1K installs

Enhance UX with purposeful animation and micro-interactions that support usability and delight.

83.2K installs

review-animations

Strict motion review of a diff against Emil's craft bar — justified motion, easing, duration, origin, GPU-only props, a11y. Default to flagging; approval is earned.

59.8K installs

animation-vocabulary

Turn a vague motion description into the exact term — "the bouncy popover thing" → Pop in — so you can prompt agents and designers with the right words.

48.3K installs