Tools
Know what's in the toolbox
What each tool is, how it's licensed, and when a dev would actually reach for it.
AI agent skills
Installable skill folders that teach a coding agent one specific job — design direction, polish, accessibility, design systems.
Agent Skills (the format)
Open standardOpen standard for agent skills
A skill is a folder with a SKILL.md file — a name, a description, and instructions — plus optional scripts and reference docs. The agent sees only the short description until a task needs the skill, then loads the rest. Published by Anthropic as an open standard in December 2025.
Impeccable
Open sourceDesign direction and critique skill
A design skill that pushes coding agents away from generic, templated UI. It ships named commands — shape, critique, audit, polish, animate, adapt, extract, live — and guidance on typography, spacing, OKLCH color, motion, and UX copy.
frontend-design
Source-availableAesthetic direction skill
Anthropic's Claude Code plugin skill for new UI work: the agent commits to a clear aesthetic direction — typography, layout, color — before writing code, instead of reaching for template defaults.
make-interfaces-feel-better
Open sourceDesign-engineering polish skill
Jakub Krehel's skill for the small details that make an interface feel finished: press feedback on buttons, balanced text wrapping, concentric border radii, shadows, hit areas, icon alignment, and restrained enter/exit animation.
Web Design Guidelines
Open sourceUI review skill
Vercel's skill that reviews UI code against its Web Interface Guidelines — 100+ rules across accessibility, performance, and UX — fetching the latest rules before each run and reporting findings as file:line.
Accessibility Review
Open sourceAccessibility audit skill
Part of Anthropic's open-source design plugin: runs a WCAG 2.1 AA audit on a design or page, covering color contrast, keyboard navigation, touch target size, and screen reader behavior.
Figma Generate Library
FreemiumDesign-system skill
One of Figma's official MCP skills: builds or updates a Figma component library from your codebase in phases — audit what exists, create token collections, build component pages, then run a quality check.