Skills

Storyboard

Create a six-frame storyboard that shows a user's journey from problem to solution.

Install

npx skills add deanpeters/Product-Manager-Skills --skill storyboard -g -a claude-code -y
Category
Engineering
Updated
20d ago
License
See repository
Context cost
Mediumabout 2,781 tokens
Runs scripts
No, instructions only

What it does

Create a six-frame storyboard that shows a user's journey from problem to solution. Use when you need a fast narrative for alignment, concept reviews, or demos.

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.

Input

Works best with: The user and the problem-to-solution story you want told. Also useful: The emotional arc, key moments you know must appear, and the audience for the storyboard (execs, design review, sales).

Anything supplied with the invocation itself, text after the skill name, a pasted context dump, or an appended ARGUMENTS: line, counts as answers already given. Use it and skip whatever it covers; don't re-ask.

Arriving empty-handed? That works too. The skill asks who the user is and what changes for them, then builds the six frames.

Example invocation: Storyboard: overwhelmed pharmacy tech discovers our auto-refill queue and ends the day on time, for next week's concept review.

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
Read the whole SKILL.md on GitHub

More in Engineering