tools

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 standard

Open 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 source

Design 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-available

Aesthetic 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 source

Design-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 source

UI 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 source

Accessibility 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

Freemium

Design-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.

WWADD — Moves. Stacks. Judgment calls.

FREE REFERENCE · NO LOGIN · NO TRACKING