What problem does it solve? Designing pages without a systematic process leads to incomplete specifications, inconsistent components, and painful developer handoffs. This Skill guides an AI agent through a scenario-driven UX design phase that produces complete, validated page specifications with layouts, components, multilingual content, interactions, states, validation rules, spacing, and typography tokens. ## Core Features & Use Cases - Adaptive Design Dashboard: Reads a persistent design log to track per-page status across sessions and suggests the next logical design activity. - Multiple Design Modes: Choose collaborative dialog (Discuss), step-by-step proposals (Suggest), autonomous generation (Dream), or sketch interpretation from photos and wireframes. - Nine-Step Specification Pipeline: Captures page basics, layout sections, components with Object IDs, multilingual content, interactions, states, validation rules, and spacing/typography tokens, then validates and saves the final spec. - Design System & Handover: Extracts shared components on second use, audits specs for quality, and packages flows into Design Deliveries (DD-XXX) with test scenarios for development handoff. - Use Case: After defining a user scenario in an earlier planning phase, run this Skill to design every page in the flow, produce developer-ready specifications, and hand off a packaged delivery to the engineering team. ## Quick Start Ask the agent to start Phase 4 UX design for a scenario and follow the adaptive dashboard suggestions to design and specify each page.
