Last commit on August 26, 2026·Created on August 26, 2026
s0xDk/refactoring-ui-skill
“Applies a system of constrained scales to eliminate ad hoc UI decisions.”
Combined rank
#551
across all skills
Stars
287
7d change unavailable
Forks
26
Watchers
0
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
TL;DR
This skill implements the concrete design rules from Refactoring UI to help frontend engineers and product designers move away from arbitrary values. It replaces guesswork with structured scales for spacing, typography, color, and shadows.
By prioritizing visual hierarchy through weight and color rather than size, the skill provides a framework for building interfaces that feel intentional and polished across dashboards, landing pages, and component libraries.
WHO IT'S FOR
Frontend engineers
implementing constrained spacing and type scales
Product designers
defining design tokens for UI systems
Full-stack developers
styling dashboards and landing pages
UI/UX engineers
establishing visual hierarchy through weight and color
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Want to install it?
Clone to ClaudeRepository instructions