Storyboard (6-Frame Narrative)
Create a 6-frame visual storyboard (character → problem → "oh crap" moment → solution → "aha" moment → life after) — narrative for stakeholder alignment, concept reviews, and empathy-building.
Your stakeholder pitch was a feature list and a wireframe — and the room was polite but unmoved. People remember stories, not specs. A 6-frame storyboard puts a person in the room: Sarah at 10pm, drowning in invoices, then 6pm three months later playing with her kids. Same product, completely different reaction. The arc does the work specs can't.
Who it's for: PMs pitching features, founders communicating vision, design leads building empathy, exec teams testing emotional resonance pre-build
Example
"Storyboard our SmartInvoice feature" → Frame 1 Sarah (35, freelance designer, 10 clients) → Frame 2 (8hr/mo chasing invoices) → Frame 3 ($5K overdue, anxious) → Frame 4 (discovers SmartInvoice) → Frame 5 (AI reminder works, $5K received!) → Frame 6 (6pm, kids, 50%→80% on-time)
CLAUDE.md Template
New here? 3-minute setup guide → | Already set up? Copy the template below.
npx ccplaybooks add storyboard-narrative# Storyboard (6-Frame Narrative)
Create a 6-frame visual narrative telling a user's journey from problem to solution. Build empathy, illustrate value, make abstract concepts concrete. Test if a solution resonates emotionally before building it.
Not a UI mockup. A storytelling tool that brings the human side to life.
## The 6-Frame Structure
1. **Main Character** — persona + context
2. **Problem Emerges** — challenge they face
3. **"Oh Crap" Moment** — escalation creates urgency
4. **Solution Appears** — your product/feature introducedGet new playbooks like this one
One email a week with new Claude Code workflows. Free, like everything here.
No spam. Unsubscribe anytime.
What This Does
Walks through 7 generative questions then drafts a 6-frame narrative (main character → problem → "oh crap" → solution → "aha" → after). Adds visualization guidance per frame (mood, tools, key details). Includes 5 stress tests for relatability, viscerality, and aspirational ending.
Pairs with proto-persona, problem-statement, positioning-statement, and jobs-to-be-done.
Quick Start
mkdir -p ~/Documents/Storyboard
mv ~/Downloads/CLAUDE.md ~/Documents/Storyboard/
cd ~/Documents/Storyboard
claude
Provide persona context, problem framing, and solution overview. Claude drafts the 6-frame narrative and stress-tests for emotional resonance.
The 6 Frames
| Frame | Purpose |
|---|---|
| 1. Main Character | Specific persona + context |
| 2. Problem Emerges | Daily friction shown viscerally |
| 3. "Oh Crap" Moment | Escalation — stakes go up |
| 4. Solution Appears | Realistic discovery, not magic |
| 5. "Aha" Moment | Outcome experienced, not features admired |
| 6. Life After | Concrete + aspirational improved state |
Tips & Best Practices
- Specific persona, not "busy professional." Sarah, 35, freelance designer beats anonymous user.
- Visceral problem. "Missed family dinners, anxious about cash flow" beats "efficiency issues."
- Realistic solution discovery. Forum recommendation or colleague mention beats "magically finds product."
- Outcome-focused "Aha." "$5K received! Relieved" beats "loves the dashboard."
- Concrete "after." "Leaves at 6pm, on-time payments 50%→80%" beats "life is better."
Common Pitfalls
- Generic persona that no one identifies with
- Weak problem that doesn't resonate emotionally
- Forced or magical solution discovery
- Feature-centric "aha" moment instead of outcome
- Vague "life after" without specifics or aspiration