Storyboard

This skill enables interactive storyboarding to explore ideas and UI elements through narrative storytelling and structured flow analysis.

Quick Start

1. Select Mode: Choose between Narrative Mode (6-frame emotional arc) or UI Flow Mode (HTML grid of UI surfaces).
2. Gather Context: The agent will ask guided questions one by one to define the persona, problem, and solution.
3. Draft: Review the narrative arc or flow structure.
4. Visualize: Generate visuals for each frame or mock using chatgpt-cli.

Modes

• Narrative (PM Style): Best for aligning stakeholders on the human impact and visceral frustration of a problem. Follows a strict 6-frame structure. See narrative-mode.md.
• UI Flow (Mock-Audit): Best for side-by-side review of all UX surfaces in a feature's scope. Uses HTML grids and gap analysis. See ui-flow-mode.md.

Image Generation

When visuals are requested, use the chatgpt CLI with the following syntax: