Script to Whiteboard Storyboard

Turn any script, article, lesson, or outline into a consistent set of whiteboard-style illustrations—one clear visual per idea.

The skill handles the whole workflow:

Script → visual beats → image prompts → storyboard images → side-by-side review

Fastest way to use it

1. Install the skill

Run this once:

git clone https://github.com/Samin12/script-to-whiteboard-storyboard.git \
  ~/.codex/skills/script-to-whiteboard-storyboard

Restart Codex after installation.

2. Paste this prompt

Attach your script or paste it below the prompt:

Use $script-to-whiteboard-storyboard.

Turn this script into a whiteboard storyboard.
Use the included style and mascot.
Generate one sample image for approval first.
Then create a side-by-side review page.

That is enough. The skill will segment the script, choose a visual structure for every idea, create the prompts, generate a sample, and prepare the final review.

What you receive

your-project/
├── storyboard.json      # Every script beat and image direction
├── images/
│   ├── S001.png
│   ├── S002.png
│   └── ...
├── prompts/
│   ├── S001.txt
│   ├── S002.txt
│   └── ...
└── review.html          # Script and images shown side by side

Open review.html to review the complete storyboard without jumping between files.

Useful prompt recipes

Generate the full storyboard immediately

Use $script-to-whiteboard-storyboard to turn the attached script into a
complete storyboard. Generate every image immediately without waiting for
sample approval, validate the result, and build the review page.

Create only the plan and prompts

Use $script-to-whiteboard-storyboard to segment this script and create
storyboard.json plus all image prompts. Do not generate the images yet.

Use your own visual style

Attach a style image and optionally a mascot image:

Use $script-to-whiteboard-storyboard with my attached style and mascot
references. Preserve their visual identity across every frame.

Resume an interrupted batch

Use $script-to-whiteboard-storyboard to resume this storyboard project.
Skip completed images, generate the missing frames, validate everything,
and rebuild review.html.

How it works

1. Reads the entire script before making visual decisions.
2. Splits it into small, meaningful beats without rewriting the source.
3. Chooses the right visual form for each beat: scene, metaphor, contrast, journey, flow, hierarchy, loop, checklist, and more.
4. Writes a complete image prompt with consistent style and mascot direction.
5. Creates one representative sample before a large batch unless you request immediate generation.
6. Generates or hands off the images.
7. Validates every beat and expected image.
8. Builds a polished HTML review page.