storyboard

Installation
SKILL.md

Storyboard

A course outline tells you what to teach. A storyboard tells you how to show it — and, just as importantly, where showing anything beyond text would be wasted effort.

This skill sits between planning (needs-analysis, didactic-reduction, scenario-generation) and production (an infographic, animation, or video-production skill). Its job is to turn a scene list into a prioritized, justified media plan that production skills can pick up directly.

Step 1 — Gather inputs

You need:

  1. The course/lesson structure — a scene plan, module plan, or scene list. If the user hasn't provided one, ask for it or look for *scene-plan*.md, *storyboard*.md, or similar files in the project folder.
  2. Production capacity — which production tools are realistically available (an infographic skill, an animation skill, a video tool like Remotion, screen recording, stock video)? If unclear, assume infographic and animation (HTML/CSS or SVG-based) production are available, since those need no extra setup.
  3. Constraints (ask only if not obvious) — total course duration, deadline, whether this is a pilot/MVP or a polished release.

Don't over-interview. If the scene list already has format hints (e.g. "Format: side-by-side comparison"), treat those as a starting point, not gospel — your job is to sanity-check and fill gaps, not redo everything from scratch.

Step 2 — Classify each scene by pedagogical purpose

For every scene, ask: what is this scene doing for the learner? The purpose — not the topic — determines the medium.

Installs
11
GitHub Stars
6
First Seen
Jun 22, 2026