What problem does it solve? Designing user interfaces without structured UX guidance leads to inconsistent specs, weak AI-generated UI code, and accessibility gaps discovered too late in development. ## Core Features & Use Cases - Front-End Specification Creation: Produces comprehensive UI/UX specs covering information architecture, user flows, component libraries, accessibility requirements, and responsive strategy through interactive elicitation. - AI UI Prompt Generation: Synthesizes specs and architecture docs into structured prompts for tools like v0 and Lovable using a four-part framework (goal, instructions, examples, scope). - Checklist Validation: Runs design checklists against front-end specs and PRDs to identify gaps before developer handoff. - Use Case: You are planning a mobile account dashboard. Activate this skill to walk through user goals, generate a complete front-end spec, then produce a v0-ready prompt for the payment screen. ## Quick Start Ask the agent to create a front-end specification for your feature, for example: "I need a front-end spec for a user dashboard."