storyboard

Create six-frame visual narratives from user context and problem.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/MiDouTech/myTapd --skill storyboard-midoutech
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: storyboard
Source: https://github.com/MiDouTech/myTapd/tree/main/.claude/skills/storyboard
Command: npx skills add https://github.com/MiDouTech/myTapd --skill storyboard-midoutech

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams rapidly convert a user problem and context into a concise six-frame storyboard that conveys emotional impact and product value, enabling faster alignment and decision-making without producing high-fidelity designs.

Core Features & Use Cases

  • Six-frame template: A ready structure mapping persona, problem emergence, escalation, solution introduction, the "aha" moment, and life after the solution.
  • Guided prompts: Seven targeted questions to extract persona details, the critical escalation, discovery path, and desired outcome.
  • Visual guidance: Suggested low-fidelity sketch styles and frame-by-frame visual cues that work for quick sketches or AI image prompts.
  • Use Cases: Product pitches, stakeholder alignment workshops, concept validation before design, investor demos, and internal storytelling to test emotional resonance.

Quick Start

Generate a six-frame storyboard for a 28-year-old support agent overwhelmed by ticket triage, answering the seven storyboard questions and producing a short visual description for each frame.

Frequently Asked Questions about storyboard

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a storyboard for a product pitch from a user journey?

Create a storyboard by mapping a six-frame narrative arc: persona and context, problem emergence, escalation, solution introduction, the "aha" moment, and post-solution state. This translates user context into emotional storytelling for pitches and alignment sessions.

What is a six-frame storyboard and when do I need it for user journey mapping?

A six-frame storyboard is a concise visual narrative structure that maps a user's problem and solution journey. You need it for concept validation, stakeholder alignment, and product pitches where emotional resonance and clarity are required without high-fidelity designs.

How do I generate sketch-style visual cues for a user narrative?

Generate sketch-style visual cues by answering seven targeted questions covering persona details, critical escalation, discovery path, and desired outcome. The skill produces low-fidelity visual descriptions for each frame suitable for quick sketches or AI image prompts.

Can I use a storyboard to align stakeholders before creating high-fidelity designs?

Yes, you can use a six-frame storyboard to align stakeholders before high-fidelity design. It converts user problems and context into concise visual narratives that convey emotional impact and product value, enabling faster decision-making and concept validation.

What's the best way to structure a user journey for concept validation?

Structure a user journey for concept validation using a six-frame template: establish persona and context, escalate the problem to an "oh crap" moment, introduce the solution, and show the "aha" outcome and life after the solution.

Does storyboard generation require any prerequisite design skills or components?

Storyboard generation requires no prerequisite design skills or external components. The skill provides guided prompts and suggested low-fidelity sketch styles, translating user context into visual narratives without needing high-fidelity design capabilities.