ui-design
Installation
SKILL.md
UI Design
Design and build UI: pick the visual direction, then implement it in code following the ui.sh design guideline system.
- IS: choosing visual direction (palettes, type scales, tokens, layout systems, CRO strategy, brand boards) and building or refining UI in code: one definitive design, multiple variants compared in the browser, a semantic markup scaffold from a UI image, retrofitting dark mode and responsive behavior, or extracting components and canonicalizing Tailwind classes.
- IS NOT: auditing existing UI quality (use
ui-audit); deep typography audits (usetypography-audit); motion design (useui-animation); landing-page copy (usecopywriting).
Modes
Pick exactly one mode from the user's wording, then load only that mode's files: