refactoring-ui
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.
- Version
- 1.5.0
- License
- MIT
Pinned to revision 4f7124e6049e, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/refactoring-ui/SKILL.md
- skills/refactoring-ui/references/accessibility-depth.md
- skills/refactoring-ui/references/advanced-patterns.md
- skills/refactoring-ui/references/animation-microinteractions.md
- skills/refactoring-ui/references/data-visualization.md
- skills/refactoring-ui/references/theming-dark-mode.md
Every link opens the file at its source, pinned to the revision this page describes.