ui-designlisted

# UI Design This skill produces distinctive, production-grade interfaces. It orchestrates a UI/UX-pro approach with deliberate taste: decide the design system first, then write code that expresses it. Analogy: an architect does not start laying bricks. They draw the blueprint — materials, proportions, palette — and only then build. The design system is the blueprint. ## Dependencies This skill works standalone, but it is **significantly stronger when the original design skills are installed**. Before generating a design system, check what is available and delegate in this order: 1. **`ui-ux-pro-max` available** → invoke it to generate the full design system (palettes, styles, typography). It has the richest design database. 2. **`taste-skill` available** → apply it as a style layer on top of the system from step 1 (or on top of the embedded fallback). 3. **Neither installed** → use the embedded design principles in this skill as the fallback. They are kept below precisely for this case. Always prefer the originals when present; fall back gracefully and silently when they are not. Never block on a missing dependency. ## Workflow ### Step 1 — Identify the product type The product type drives the entire visual language. Classify first: fintech, edtech, e-commerce, SaaS, health, dev tool, social, creative, internal/dashboard, etc. A health app and a crypto exchange should never look the same. ### Step 2 — Generate the design system BEFORE writing code First, resolve th