Skill Claude CodeCodex
Atomic UI/design decision-making skills extracted from the book Refactoring UI by Adam Wathan and Steve Schoger.
10 applied skills for Claude Code and Cursor that turn the principles of Refactoring UI into structured AI-assisted design reviews | not affiliated, big fan, get their book here:
Skill Claude CodeCodex
Atomic UI/design decision-making skills extracted from the book Refactoring UI by Adam Wathan and Steve Schoger.
Skill Claude CodeCodex
Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies.
Skill Claude CodeCodex
Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors.
Skill Claude CodeCodex
Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades.
Skill Claude CodeCodex
Use systematic spacing with 25% minimum jumps, start with excess whitespace.
Skill Claude CodeCodex
Create clear primary/secondary/tertiary action distinctions.
Skill Claude CodeCodex
Remove unnecessary borders, backgrounds, shadows, decorations.
Skill Claude CodeCodex
Create helpful, actionable zero-content states.
Skill Claude CodeCodex
Add depth only when functionally necessary (elevation, not decoration).
Skill Claude CodeCodex
Ensure WCAG AA accessibility and readability.
Skill Claude CodeCodex
Use proximity and spacing to show relationships.
Skill Claude CodeCodex
Analyze a design against all 10 Refactoring UI skills and generate a comprehensive assessment with specific fixes.