Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data. Use when asked to "build a landing page", "extract our design system", "add dark mode", "make this responsive", "remove UI slop", "audit this component", "stress-test this component", "break this UI", or "show me the worst case".
Install
npx skills add mblode/agent-skills --skill ui-designnpx skills add mblode/agent-skills --skill ui-design -a claude-code -gnpx skills add mblode/agent-skills --skill ui-design -a codex -ggemini skills install https://github.com/mblode/agent-skills.git --path skills/ui-designgh skill install mblode/agent-skills ui-designgit clone --depth 1 https://github.com/mblode/agent-skills /tmp/mblode__agent-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/mblode__agent-skills/skills/ui-design ~/.claude/skills/ui-design # Claude Code
cp -R /tmp/mblode__agent-skills/skills/ui-design ~/.agents/skills/ui-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode