Claude is your animator
It explores creative directions, picks one, and choreographs each beat using the 12 principles of animation — a focal entrance, an atmospheric layer, a quiet breath where the story needs it.
Type /storyboard and a link. Claude plans the story, writes the narration, choreographs every scene on a real motion engine, voices it, and renders an MP4 — all on your machine.
Free · Runs locally in Claude Code · No API key needed for the built-in voice
This 90-second tour was made with /storyboard: script, voice, animation and render. Chapters and transcript
Your content already says something worth watching. The skill gives it pictures, pacing, and a voice.
Every phase writes a plain file you can read and tweak, so you can stop, edit, and pick up where you left off.
Point it at a URL, PDF, doc, or text. Claude picks a narrative shape, maps an emotional arc across the beats, and writes narration timed to your target length — concept.md and script.md.
Generate the voice-over with a free neural voice (or ElevenLabs), then Claude acts as the animator — choosing entrances, transitions, and word-synced hits for every beat in storyboard.html.
Preview it in your browser, run the built-in audit to catch broken or lifeless beats, then render a finished MP4 with headless Chromium and ffmpeg.
> /storyboard https://yourblog.com/how-we-cut-onboarding-time --duration 60s ✓ concept.md 8 beats · problem → frame → solution · energy arc 2-3-5-3-4-5-2-4 ✓ script.md 152 words · SSML breaks · beats block ✓ voiceover.mp3 free neural voice · exact slide cues ✓ storyboard.html 8 slides · 14 presets · 3 transitions · 4 word hits ✓ audit 0 errors ✓ storyboard.mp4 1920×1080 · ready to post
Scripting, choreography, narration, and rendering — the parts that used to take a team and a week.
It explores creative directions, picks one, and choreographs each beat using the 12 principles of animation — a focal entrance, an atmospheric layer, a quiet breath where the story needs it.
110+ animation presets, spring physics, staggered cascades, chained sequences, camera dollies with parallax depth, shared-element morphs, and 20+ cinematic slide transitions.
Bar grows, donut sweeps, line draws, comparison bars, and counters that animate on the audio clock — so every number lands exactly as it's said.
A free neural voice with no API key, voiced beat by beat so slide changes land exactly — or ElevenLabs for premium voices. Word timestamps drive per-word visual hits.
Rig your own mascot with moods, gestures and gaze in the built-in rigger. Add confetti, fireworks, badges and 20+ other celebration effects, or pull from a curated 100+ Lottie index.
Horizontal for YouTube and the web, vertical for Reels, TikTok and Shorts. Or use adopt mode to narrate an existing HTML page without touching its styles.
Drop in a presenter or mascot and direct it like an actor: it waves, looks at the chart you're talking about, points, reacts and talks along with the voice-over.
Rendered by the skill. Every pose is computed from the timestamp, so it loops and renders frame-perfect.
<div data-anim="character" data-char="bot"
data-acts="0.8:happy; 2.2:look=#chart;
3.4:surprised; 5:jump; 6.4:say=Wow!">One attribute is the whole performance: a timeline of acts, relative to the slide's cue. See every act and option
Each style carries its own palette, motion vocabulary, and transitions — pick one per video and the whole piece moves with one personality.
Turn blog posts, case studies, and launch notes into social video — at the pace your calendar actually needs.
Convert lessons, scripts, and notes into clear, animated explainers your audience finishes — and remembers.
Spin up product explainers, changelog recaps, and pitch videos straight from the docs you've already written.
Every phase is a file and every tool is a script — wire storyboards into your own Claude Code workflows and CI.
Download storyboard-skill.zip ~2 MB
macOS / Linux
unzip storyboard-skill.zip -d ~/.claude/skills/Windows (PowerShell)
Expand-Archive storyboard-skill.zip -DestinationPath $HOME\.claude\skillspython -m pip install playwright imageio-ffmpeg numpy edge-tts
python -m playwright install chromiumOptional: python -m pip install elevenlabs and set ELEVENLABS_API_KEY for premium voices.
python "$HOME/.claude/skills/storyboard/doctor.py" --smokeTells you exactly what's missing and how to fix it, then renders a two-second test video.
In Claude Code:
/storyboard https://your-page.comTry --aspect 9:16 for vertical, --duration 60s to set the length, or /storyboard adopt page.html to narrate an existing page.
Claude Code, Python 3.9 or newer, and a few free Python packages for rendering — Playwright with Chromium, imageio-ffmpeg (bundles its own ffmpeg), and edge-tts for the free voice. Run doctor.py and it will tell you what's missing.
Yes. The skill is a free download and runs inside your own Claude Code plan. The built-in voice needs no API key. ElevenLabs is optional and bills your own ElevenLabs account.
A web page URL, a PDF, a Word or Markdown document, pasted text, or an existing HTML page or deck. Adopt mode narrates an existing page as-is, without changing its styles.
A project folder: the plan (concept.md), the narration (script.md), a playable animated storyboard.html, the voice-over MP3, and a rendered MP4 in 16:9 or 9:16. Edit any file and re-render.
Yes — everything is plain text. Edit the narration and regenerate the voice, or open the deck in your browser and use the built-in calibration keys to retime slides by ear. Sample-accurate timing from a DAW (via AAF export) is supported too.
Claude Code processes your source under your own plan. The free voice sends the narration text to Microsoft's online text-to-speech service; ElevenLabs, if you choose it, receives the narration text. Animation and rendering happen entirely on your machine.
It's built by Georges Rayess, a product manager and AI consultant who ships production Claude AI — chat widgets, knowledge bases, and agentic workflows — for subscription apps and SaaS teams. He also makes Help Me Breathe, a guided breathing timer for sleep, stress and focus, and Gapscout, an AI ad automation platform for every channel.
The visuals and the bundled sound effects are yours to use. For narration, check the terms of the voice provider you pick — ElevenLabs' paid plans cover commercial use; the free voice is best for drafts and personal projects.
Bring a link, a doc, or a page. Walk away with a video worth posting.
Free · Runs in Claude Code · Your content, your video