storyboard

Installation
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
15
GitHub Stars
6
First Seen
Mar 3, 2026