AI Tools / AI products & services

Refactoring UI (Claude Code skill)

An MIT-licensed Claude Code skill that applies concrete design rules from Refactoring UI by Adam Wathan and Steve Schoger when building or reviewing interfaces. It selects spacing, typography, color, shadow, and radius values from fixed scales; creates hierarchy through font weight and color rather than relying on larger text; and translates subjective issues such as an interface looking "off" into specific mechanical fixes. The repository includes a SKILL.md procedure, references for palette construction, diagnosis, depth, typefaces, grids, and images, plus a contrast-verified starter tokens.css file. Claude Code can load it as a personal or project skill, and it does not include the book's text or images.

AI product
View repository
Mentioned in 1 video
Kind AI product or service

What people use it for

Where it was mentioned