Storyboard

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.

7,800 stars 940 forksWriting & Content

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add deanpeters/Product-Manager-Skills --skill storyboard
Manual install
git clone --depth 1 https://github.com/deanpeters/Product-Manager-Skills.git /tmp/Product-Manager-Skills
mkdir -p ~/.claude/skills
cp -r /tmp/Product-Manager-Skills/skills/storyboard ~/.claude/skills/storyboard

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the 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.

## 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
Read the full skill on GitHub

Details

Skill name
storyboard
Path
skills/storyboard/SKILL.md
Repo updated
16 October 2026

FAQ

What does the Storyboard skill do?

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.

How do I install the Storyboard skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add deanpeters/Product-Manager-Skills --skill storyboard. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Storyboard popular?

It lives in deanpeters/Product-Manager-Skills, which has 7,800 GitHub stars and 940 forks, and is included in 3 curated skill lists.

Related skills

Browse the most popular Claude skills, all writing & content skills, or write your own with the skills generator.