Skip to content

Repository files navigation

ExplainAgent

Multi-agent pipeline that turns any technical topic into an animated explainer video.

./scripts/auto-episode.sh "BIP 54 Consensus Cleanup" 11 bip54-cleanup

One command in, finished episode out. Researched, storyboarded, animated, and quality-checked by specialized AI agents.


The Pipeline (v3)

Each phase produces .md artifacts that the next phase reads:

Research (3 parallel) → Merge → Director Review
→ Creative Vision → Storyboard → Director Review + Motion Script
→ Full Build → Visual QA + Hard Gates
→ Critique → Rebuild → Lessons (async)
#PhaseWhoWhat it does
1Research (3 parallel)3 agentsTechnical deep-dive, visual inspiration, narrative angle — all simultaneous
2Director ReviewPlannerReviews merged research, sets creative direction
3Creative VisionPlannerVisual identity — palette, motion personality, signature visual
4StoryboardPlannerScene-by-scene breakdown — content, canvas zones, camera journey
5Director Review + Motion ScriptPlannerStoryboard review + timestamped animation spec (merged, one call)
6Full BuildExecutorComponents + VideoTemplate in one pass
7Visual QA + Hard GatesAutomatedPlaywright position checks + 10 structural grep checks
8Critique (2-3 parallel, 1 iteration default)2-3 agentsVisual designer, tech reviewer, audience proxy score /100
9Voiceover (optional)ExecutorElevenLabs audio generation + duration sync
10Lessons Learned (async)PlannerCross-episode pattern extraction — runs in background

Presets:--fast (2 critics, skip lessons), --thorough (3 iterations, 3 critics), or default (1 iteration, 3 critics).

Two agent roles with separated permissions: the Planner reads and writes guidance (can't edit code), the Executor builds what the Planner specifies (can't make creative decisions alone). They communicate through markdown artifacts in .auto-episode/.


Tech Stack

AnimationReact + Framer Motion + GSAP
RecordingPlaywright + FFmpeg (browser to MP4)
VoiceoverElevenLabs (optional, --with-voice)
OrchestrationClaude Code CLI with role-restricted tool sets

Quick Start

# Generate an episode
./scripts/auto-episode.sh "Merkle Trees" 7 merkle-trees
# Draft mode — see the episode fast, stop before QA/critique
./scripts/auto-episode.sh "Merkle Trees" 7 merkle-trees --draft
# Rebuild — re-render after toolkit/CLAUDE.md changes (uses existing artifacts)
./scripts/auto-episode.sh "Merkle Trees" 7 merkle-trees --rebuild
# Preview in browser (hot reload for local iteration)
npm run dev:client # → http://localhost:5173/#ep7

Resumable: re-run the same command after a crash and it picks up from the last completed phase.

All flags, all scripts, all workflows:USAGE.mdAnimation toolkit & episode design rules:CLAUDE.md

Requirements

  • Node.js 20+
  • Claude Code CLI (claude)
  • Playwright — for visual QA, screenshots, and recording
  • FFmpeg — for MP4 export
  • ElevenLabs API key (optional, for voiceover)

About

Multi-agent pipeline that turns any technical topic into an animated explainer video (Orchestration in a loop)

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages