storyboard

Installation
Summary

Six-frame visual narrative that guides stakeholders through a user's problem-to-solution journey.

  • Follows a classic storytelling arc: introduce character, escalate problem, trigger urgency, reveal solution, show breakthrough, and illustrate improved outcome
  • Designed for alignment meetings, feature pitches, and concept validation rather than UI mockups or technical documentation
  • Requires upfront clarity on persona, problem statement, and solution definition; includes seven guided questions to develop authentic narrative
  • Emphasizes emotional resonance and concrete outcomes over feature lists; includes anti-patterns and testing checklist to avoid generic personas and forced solution introductions
SKILL.md

Purpose

Create a 6-frame visual narrative that tells the story of a user's journey from problem to solution, using the classic storytelling arc to build empathy, illustrate value, and make abstract product concepts concrete. Use this to align stakeholders, pitch features, communicate vision, or test if your solution resonates emotionally before building it.

This is not a UI mockup—it's a storytelling tool that brings the human side of your product to life.

Key Concepts

The 6-Frame Storyboard Structure

Based on classic narrative arcs, the 6-frame format follows this pattern:

  1. Frame 1: Main Character — Introduce the persona and their context
  2. Frame 2: The Problem Emerges — Show the challenge or obstacle they face
  3. Frame 3: The "Oh Crap" Moment — Escalate the problem to create urgency
  4. Frame 4: The Solution Appears — Introduce your product/feature
  5. Frame 5: The "Aha" Moment — Show the user experiencing the breakthrough
  6. Frame 6: Life After the Solution — Illustrate the improved state

Why This Works

Related skills
Installs
979
GitHub Stars
4.2K
First Seen
Feb 12, 2026