maestro-ui-design

What problem does it solve?

Maestro UI Design automates the creation of coherent UI design systems and prototypes from a phase brief or ad-hoc topic, removing manual iteration between concept, tokens, and prototypes and enabling fast handoff to implementation.

Core Features & Use Cases

• Style Variant Generation: Produce multiple, contrasting style directions (colors, typography, motion) and present them for selection.
• Design Token Extraction: Synthesize production-ready design-tokens.json and animation-tokens.json with OKLCH colors and WCAG AA guidance.
• Prototype Assembly: Generate responsive HTML/CSS prototypes per target pages using contextual content and accessibility constraints.
• Delegation & Fallback: Delegate work to an external ui-ux-pro-max skill when available or run a self-contained 4-layer pipeline otherwise.
• Use Case: Convert a phase brief into a MASTER.md design spec, tokens, and a set of prototype pages ready for engineering handoff.

Quick Start

Run the maestro-ui-design skill on a phase or topic by invoking maestro-ui-design with a phase number or descriptive topic such as maestro-ui-design "landing page for SaaS".