UX Prototyping Skill

Create single-file HTML prototypes focused on validating user flows, interaction patterns, and information architecture. Prioritize UX fidelity over visual polish.

Workflow

1. Read the UX spec at specs/architecture/ux.md (or user-specified path)
2. Identify core flows - Extract user journeys, screens, states, and interactions
3. Build prototype - Create single HTML file with all screens and interactions
4. Output - Save to /mnt/user-data/outputs/prototype.html

Prototype Structure

Generate a single HTML file containing: