What problem does it solve? Reviewing a multi-step user flow means opening many separate mock files and holding transitions, inconsistencies, and missing states in your head. This Skill consolidates every UX surface in a scope of work into one scrollable HTML page so cross-surface gaps and inconsistencies become visible in a single review pass. ## Core Features & Use Cases - Side-by-side mock embedding: Existing mocks are embedded as sandboxed iframes in a responsive grid, each paired with a per-mock audit checklist covering disciplines like critique, clarify, audit, polish, and harden. - Flow diagram and gap cards: An ASCII flow diagram in a <pre> block colour-codes existing mocks, gaps, and adjacent surfaces, while each missing mock gets a card with brainstorm questions that must be answered before drafting. - Safe embedding and project-native styling: Enforces iframe sandbox attributes, restrictive CSP, Prettier-safe markup, and reuse of the project's existing design tokens rather than inventing new ones. - Use Case: Before implementing an onboarding flow spanning signup, verification, and empty/error states, run the skill to produce one audit page showing all existing mocks, flagging the missing loading state, and listing the decisions needed for each gap. ## Quick Start Ask the assistant to run /storyboard for your scope, for example: create a storyboard for the onboarding v2 flow covering all mocks in the design-mocks folder.
