devlyn:team-design-ui

Generating multiple UI design styles involves orchestrating a simulated design team to create five distinct HTML UI style explorations from a single product brief or PRD. This approach yields comparable web UI layouts featuring radically different visual treatments and accessibility-focused semantic structures.

Reference image replication works by extracting precise visual styles like colors, typography, and layout rhythm from provided images, then applying them across the generated HTML UI prototypes. This shifts the workflow to precise style replication across the design set with controlled variations.

Yes, you can use a PRD document to generate HTML prototypes for dashboard concepts. The system automatically ingests product context from provided input or falls back to project files like docs/prd.md, docs/product-spec.md, or README.md to drive the design generation.

Yes, generated HTML prototypes include accessibility and interaction design support by ensuring an accessibility-focused semantic structure and reduced-motion support. The workflow orchestrates specialized roles to produce implementable styling tokens and motion behavior.

After selecting a preferred UI style exploration, the next step is to extract a complete design system and implement the chosen UI. This style-to-system workflow guides you through translating the selected HTML prototype into actionable styling tokens and implementation steps.