Designs and builds UI: visual direction, Tailwind implementation, browser-comparable variants, screenshot-to-markup scaffolds, dark-mode and responsive retrofits, component extraction, and Tailwind cleanup. Use when asked to "build a landing page", "create a dashboard", "make this look premium", "pick a visual style", "design the UI", "show me 3 options", "create a brand kit", "turn this screenshot into markup", "add dark mode", "make this responsive", or "clean up the Tailwind". For product behavior use product-design; for UI audits use ui-audit; for motion use ui-animation; for copy use copywriting.
$npx -y skills add mblode/agent-skills --skill ui-designInstalls into the current project.
Run `npx skills use "https://github.com/mblode/agent-skills" --skill "mblode/agent-skills/ui-design"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/mblode/agent-skills" that are relevant to the current task. Run `npx skills add "https://github.com/mblode/agent-skills"` and select the relevant skills, then follow their instructions.