storyboard

Generates a 6-frame visual narrative of a user's journey from problem to solution.

1|Updated Mar 3, 2026
One-click install
npx skills add https://github.com/Johnnnmai/100x-product-manager --skill storyboard-johnnnmai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: storyboard
Source: https://github.com/Johnnnmai/100x-product-manager/tree/main/skills/storyboard
Command: npx skills add https://github.com/Johnnnmai/100x-product-manager --skill storyboard-johnnnmai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps you create concise, emotionally resonant 6-frame storyboards that illustrate a user's journey from problem to solution, making abstract product concepts tangible and fostering stakeholder alignment.

Core Features & Use Cases

  • Narrative Arc Creation: Guides users through a classic 6-frame storytelling structure (Character, Problem, Oh Crap, Solution, Aha, After).
  • Empathy Building: Focuses on the human element of product development to build empathy and understanding.
  • Use Case: Pitching a new feature to executives by visually demonstrating the user's pain points and how the feature provides a transformative solution.

Quick Start

Generate a 6-frame storyboard for a user named Alex who struggles with managing project deadlines.

Frequently Asked Questions about storyboard

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

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

A user journey storyboard visually maps a user's path from problem to solution using a 6-frame narrative structure. It builds stakeholder empathy by focusing on the human element and illustrating transformative product value through visual storytelling.

How do I build a 6-frame narrative arc to communicate product vision to stakeholders?

Build a 6-frame narrative arc by structuring your product vision into Character, Problem, Oh Crap, Solution, Aha, and After frames. This visual storytelling technique aligns stakeholders by making abstract product concepts tangible and emotionally resonant.

What's the best way to visually demonstrate user pain points to executives?

The best way to visually demonstrate user pain points to executives is using a 6-frame storyboard that depicts the user's journey. This visual communication method fosters stakeholder alignment by illustrating how your product provides a transformative solution.

Can I use a storytelling arc to make abstract product concepts more concrete?

Yes, you can use a classic storytelling arc to make abstract product concepts more concrete through visual communication. Generating a 6-frame visual narrative illustrates the user's journey, builds empathy, and effectively communicates your product vision.

Does generating a product narrative storyboard require any specific design dependencies?

Generating a product narrative storyboard requires no specific design dependencies, allowing you to focus entirely on crafting the visual storytelling structure. You can create a 6-frame user journey narrative directly to support stakeholder alignment and product pitches.