Skip to main content
affpapa.org
RU EN
skill CX Codex

storyboard — Claude Code skill: a six-frame user story

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

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a claude-code
Open on GitHub

What storyboard 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.

What it helps with

  • 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 for the agent

  • 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

How to install storyboard

1Skills CLI (Vercel)

npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a claude-code

2Manually: put the files in place

~/.claude/skills/storyboard/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/storyboard/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about storyboard

How do I install storyboard in Claude Code?

Run npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a claude-code. The skill file lands at ~/.claude/skills/storyboard/SKILL.md.

What does storyboard do?

It produces a written six-frame storyboard: character, problem, escalation, solution, breakthrough, and the better state that follows. The structure follows a classic narrative arc.

How is storyboard different from a UI mockup?

It is a storytelling tool, not screen design. It covers the emotional side of a product, which suits alignment and idea review rather than implementation detail.

Similar skills

Everything for Notes, tasks and projects →
find-skills vercel-labs Discovers and installs agent skills from skills.sh directly inside your coding assistant. Handy when you need domain-specific workflows for a project. CX Codex +1 4,000,000installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. 1,424,476installs grill-with-docs Matt Pocock This skill interviews you about a plan or design and creates ADRs and a glossary along the way. Use it when decisions need sharper definition. 1,219,756installs handoff Matt Pocock Creates a handoff document from the current conversation so another agent can continue the work. Use it when a task moves to a new session or agent. 1,038,491installs grilling Matt Pocock Stress-test a plan, decision, or idea through structured rounds of questions. Use it when you need to expose assumptions before acting. 979,543installs teach Matt Pocock Turns the current directory into a learning workspace and keeps progress across sessions. Use it when learning needs to support a concrete goal in your project. 862,247installs

From the same set69

problem-framing-canvas Guides teams through the MITRE problem framing model to clarify messy assumptions before writing code. Designed for 30–45 minute interactive sessions. CX Codex +1 2,600installs finance-metrics-quickref A quick SaaS finance reference for metric definitions, formulas, benchmarks and decision context during analysis. CX Codex +1 2,600installs positioning-workshop Runs a guided interview about target users, unmet needs, and competitors. Produces a Geoffrey Moore positioning statement in 60 to 90 minutes. CX Codex +1 2,500installs user-story-splitting This skill breaks large user stories and epics into smaller stories that can be delivered independently. Use it when an item is hard to estimate or finish in a sprint. CX Codex +1 2,500installs positioning-statement Drafts a Geoffrey Moore positioning framework for your product. Helps pinpoint target buyers and sharp competitive differentiation. CX Codex +1 2,500installs executive-onboarding-playbook Helps a new VP or CPO map the first 90 days around organizational diagnosis, validation, and evidence-based decisions. Useful before changing teams or strategy. CX Codex +1 2,500installs saas-revenue-growth-metrics Calculates and explains SaaS revenue, retention, and growth metrics. Use it to investigate churn, expansion, and product-market-fit signals. CX Codex +1 2,400installs pol-probe Designs disposable validation experiments to test risky hypotheses before writing production code. Helps teams avoid sinking weeks into prototypes that teach nothing. CX Codex +1 2,400installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor