Skills

animation-vocabulary

Emilkowalski

Turns a vague animation description into the right motion term, so agents can prompt designers or AI with precision. Best for naming effects, not designing them.

extract-design-system

Arvindrk

Reverse-engineers a website's design primitives into project-ready token files, giving agents a solid baseline for spacing, type, color, and interaction quality.

userinterface-wiki

Raphaelsalaja

Guides agents to assess web UI work across motion, CSS, audio, typography, patterns, prefetching, and icons, with prioritized findings tied to file and line.

oklch-skill

Jakubkrehel

Convert and tune colors in OKLCH to create palettes with reliable contrast, stable hues, and better dark mode results, including support for gamut-aware Tailwind v4 theming.

make-interfaces-feel-better

Jakubkrehel

Helps agents refine components, motion, and visual hierarchy with disciplined polish. Targets cleaner radii, alignment, type, shadows, and micro-interactions that make screens feel finished.

vercel-composition-patterns

Vercel-labs

Build reusable React APIs that avoid prop bloat and stay maintainable as teams grow. Covers compound components, context, render props, and React 19-aware architecture with clear quality tradeoffs.

shadcn

Shadcn

Helps agents add, search, fix, and style shadcn/ui components with project-aware guidance, docs, and examples, aiming for clean source-level UI that fits the app.

grill-me

Mattpocock

Probes a plan or interface through structured, relentless questions to surface assumptions, resolve dependencies, and reach a clear, defensible design.

ui-skills

Ibelick

Guides UI work with sharp constraints so agents produce clearer, more usable interfaces. It pushes toward consistent structure, better interactions, and higher-quality results.

web-design-guidelines

Vercel-labs

Checks frontend code against Web Interface Guidelines to catch usability, accessibility, and polish gaps. Helps agents deliver interface work that is consistent, responsive, and ready for production.

frontend-design

Anthropics

Build polished web pages, components, and apps with deliberate visual direction, strong spacing and type, and accessible interactions that feel custom rather than generic.

review-animations

Emilkowalski

Evaluates motion changes against strict craft standards, prioritizing feel, performance, and intent. Flags sluggish, noisy, or unnecessary animation; approval is earned through clear quality.

emil-design-eng

Emilkowalski

Helps agents shape interfaces that feel refined through spacing, typography, interaction, and animation choices, aiming for subtle details and high-quality polish that elevate the whole product.