Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.
Install
npx skills add daymade/claude-code-skills --skill ui-designernpx skills add daymade/claude-code-skills --skill ui-designer -a claude-code -gnpx skills add daymade/claude-code-skills --skill ui-designer -a codex -ggemini skills install https://github.com/daymade/claude-code-skills.git --path ui-designergh skill install daymade/claude-code-skills ui-designergit clone --depth 1 https://github.com/daymade/claude-code-skills /tmp/daymade__claude-code-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/daymade__claude-code-skills/ui-designer ~/.claude/skills/ui-designer # Claude Code
cp -R /tmp/daymade__claude-code-skills/ui-designer ~/.agents/skills/ui-designer # Codex, Cursor, Gemini CLI, Copilot, OpenCode