ClaudeMap

Refactoring UI Skill

A Claude Code skill that applies Refactoring UI's concrete design rules — hierarchy by weight, depth by emulated light.

Skills & Commandsdesignuiskillfrontend

This skill encodes the mechanical rules from Wathan & Schoger's Refactoring UI into a Claude Code skill: spacing, fonts, colors, shadows, and radii are chosen from fixed scales instead of ad hoc values, and vague feedback like "looks off" or "feels cheap" gets translated into concrete fixes. Ships a contrast-verified starter token set (tokens.css) plus reference docs on palettes and light simulation.

Repository

s0xDk/refactoring-ui-skill

Charted

Related on the map

  • 163 ready-to-run scientific skills (genomics, chemistry, medicine) plus 100+ scientific databases, Agent Skills-compatible.

    • science
    • skills
    • bioinformatics
    • agent-skills
  • A composable skill framework that makes Claude Code far more capable.

    • framework
    • skills
    • claude-code
  • Guizang's art-direction skill: turn architecture, street, and food photos into editorial-grade posters.

    • design
    • photography
    • skill
    • image