Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching. Use when user provides a design and wants pixel-perfect UI implementation with design fidelity validation. Triggers automatically when user mentions Figma links, design screenshots, or wants to implement UI from designs.
Install
npx skills add MadAppGang/claude-code --skill ui-implementernpx skills add MadAppGang/claude-code --skill ui-implementer -a claude-code -gnpx skills add MadAppGang/claude-code --skill ui-implementer -a codex -ggemini skills install https://github.com/MadAppGang/claude-code.git --path plugins/frontend/skills/ui-implementergh skill install MadAppGang/claude-code ui-implementergit clone --depth 1 https://github.com/MadAppGang/claude-code /tmp/MadAppGang__claude-code
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/MadAppGang__claude-code/plugins/frontend/skills/ui-implementer ~/.claude/skills/ui-implementer # Claude Code
cp -R /tmp/MadAppGang__claude-code/plugins/frontend/skills/ui-implementer ~/.agents/skills/ui-implementer # Codex, Cursor, Gemini CLI, Copilot, OpenCode