Refactoring Ui
by wondelaic172996495beMIT2.3K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 4 weeks ago
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.
- c172996495beCurrentcommit c172996Published Oct 8, 2026
Source and attribution
Source:wondelai/skillsinrefactoring-uiat commitc172996
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from wondelai/skills
System Design
wondelai
Structured framework for designing scalable distributed systems, covering estimation, building blocks, database scaling, common designs, and operations.
Web Typography
wondelai
Guides selecting, pairing, and implementing web typefaces, covering readability, CSS, and font loading.
Top Design
wondelai
Guides creation of award-winning, immersive web experiences with dramatic typography, purposeful motion, and scroll-based design.
Ux Heuristics
wondelai
Evaluates interface usability using Nielsen's heuristics, Krug's principles, severity ratings and accessibility checks.
Traction Eos
wondelai
Guides a leadership team through implementing the Entrepreneurial Operating System (EOS) to align vision and execution.
Team Topologies
wondelai
Guides engineering org design using Team Topologies: team types, interaction modes, cognitive load and fracture planes.