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".
Install
npx skills add wondelai/skills --skill refactoring-uinpx skills add wondelai/skills --skill refactoring-ui -a claude-code -gnpx skills add wondelai/skills --skill refactoring-ui -a codex -ggemini skills install https://github.com/wondelai/skills.git --path refactoring-uigh skill install wondelai/skills refactoring-uigit clone --depth 1 https://github.com/wondelai/skills /tmp/wondelai__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/wondelai__skills/refactoring-ui ~/.claude/skills/refactoring-ui # Claude Code
cp -R /tmp/wondelai__skills/refactoring-ui ~/.agents/skills/refactoring-ui # Codex, Cursor, Gemini CLI, Copilot, OpenCode