ui-design

Installation
SKILL.md

UI Design

Pick the visual direction, then implement it in code via 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, variants compared in the browser, a semantic markup scaffold from a UI image, dark-mode and responsive retrofits, or component extraction and Tailwind canonicalization.
  • IS NOT: deciding what should exist, action scope, consequence, or reachable states (use product-design); auditing existing UI quality (use ui-audit); deep typography audits (use typography-audit); motion design (use ui-animation); landing-page copy (use copywriting).

Modes

Pick one mode from the user's wording; load only that mode's files:

Installs
469
GitHub Stars
57
First Seen
Mar 12, 2026
ui-design — mblode/agent-skills