Tactical user interface design guide for fixing layouts, selecting colors/fonts, and creating professional UIs. Use when the user asks to "make this look better," needs help with CSS/styling decisions, wants to create a design system, or needs to fix a cluttered interface.
Install
npx skills add LovroPodobnik/refactoring-ui-skill --skill ui-refactornpx skills add LovroPodobnik/refactoring-ui-skill --skill ui-refactor -a claude-code -gnpx skills add LovroPodobnik/refactoring-ui-skill --skill ui-refactor -a codex -ggemini skills install https://github.com/LovroPodobnik/refactoring-ui-skill.git --path .claude/skills/ui-refactorgh skill install LovroPodobnik/refactoring-ui-skill ui-refactorgit clone --depth 1 https://github.com/LovroPodobnik/refactoring-ui-skill /tmp/LovroPodobnik__refactoring-ui-skill
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/LovroPodobnik__refactoring-ui-skill/.claude/skills/ui-refactor ~/.claude/skills/ui-refactor # Claude Code
cp -R /tmp/LovroPodobnik__refactoring-ui-skill/.claude/skills/ui-refactor ~/.agents/skills/ui-refactor # Codex, Cursor, Gemini CLI, Copilot, OpenCode