What problem does it solve? Turning written requirements into clickable screen prototypes is slow and inconsistent when done by hand. This Skill synthesizes existing requirement specs, backlog, feature lists, and user journeys into interactive per-screen HTML/CSS/JS prototypes with a consistent design system, so stakeholders can review real interactions before development begins. ## Core Features & Use Cases - Interactive prototype generation: Creates vanilla JS prototypes per screen (add/remove rows, popovers, tab switching, toast notifications) that run offline with no backend dependency. - Versioned output management: Organizes prototypes into versioned folders (v1, v2, ...) with metadata files, per-version indexes, and change logs, never overwriting confirmed versions without approval. - Design system enforcement: Builds or reuses a DESIGN.md token file (color tone, style, logo) so every screen stays visually consistent. - Use Case: A BA finishes screen specs for 13 MVP screens and asks to build the MVP prototype; the Skill verifies all source docs, confirms scope and versioning with the user, then delegates file writing to a prototype-builder sub agent. ## Quick Start Ask the assistant to build an interactive prototype for the MVP screens using the existing requirement specs and user journey documents.
