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