# storyboard

This skill drafts a six-frame storyboard tracing one person from a problem to its fix. Handy before a concept review or a demo.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2500 installs · ★ 7673
- Author: deanpeters
- License: CC-BY-SA-4.0 · policy=link-only · description only; the file stays with the author
- Source: https://github.com/deanpeters/Product-Manager-Skills/tree/HEAD/skills/storyboard/SKILL.md
- Updated: 2026-10-16
- HTML: https://affpapa.org/en/nevibecode/skills/storyboard

## What it does

The skill walks the agent through a classic narrative arc and splits it into six frames: the character, the trouble appearing, the moment it escalates, the arrival of the solution, the breakthrough, and the improved state afterward. What comes back is written description for each frame, not a screen mockup. The point is to give an abstract idea something people can argue with before anyone builds it.

Three steps. First the agent gathers context: who the character is, what they struggle with, which solution is in play, and what a good outcome looks like. Then it asks seven questions one at a time — character, problem, escalation, how the solution shows up, the breakthrough, life afterward, and any drawing style. Finally it writes the frame-by-frame narrative. Context passed along with the invocation is treated as already answered, so those questions get skipped.

The skill does not stand in for user research; it illustrates what you already know. It will not invent personas or problems, so without that context you do discovery first. Technical implementation is out of scope too — architecture diagrams cover that.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/storyboard/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/storyboard/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/storyboard/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/storyboard/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install deanpeters/Product-Manager-Skills storyboard
```

2. **Manually: put the files in place**
- File: `.github/skills/storyboard/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/deanpeters/Product-Manager-Skills --path skills/storyboard
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/storyboard/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/deanpeters/Product-Manager-Skills/tree/HEAD/skills/storyboard/SKILL.md

## When to use it
- turn a user story into six frames for a concept pitch
- explain a feature's value to the team before a prototype exists
- test whether an idea lands emotionally before building it
- walk stakeholders through the path from problem to solution
- make a vague product description concrete scene by scene

## Example prompts
- Storyboard this: an overwhelmed pharmacy tech finds our auto-refill queue and finishes the shift on time — for next week's concept review
- Build a six-frame storyboard for the new feature

## Similar
- [find-skills](https://affpapa.org/en/nevibecode/skills/find-skills.md) — skill · 4000000 installs
- [grill-me](https://affpapa.org/en/nevibecode/skills/grill-me.md) — skill · 1424476 installs
- [grill-with-docs](https://affpapa.org/en/nevibecode/skills/grill-with-docs.md) — skill · 1219756 installs
- [handoff](https://affpapa.org/en/nevibecode/skills/handoff.md) — skill · 1038491 installs
- [grilling](https://affpapa.org/en/nevibecode/skills/grilling.md) — skill · 979543 installs
- [teach](https://affpapa.org/en/nevibecode/skills/teach.md) — skill · 862247 installs

From the same set: [deanpeters/product-manager-skills](https://affpapa.org/en/nevibecode/by/deanpeters/product-manager-skills.md) — 73 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md