A Remotion-based animated video that walks new contributors through IronClaw's internals — the five primitives, execution loop, CodeAct, thread state machine, skills pipeline, tool dispatcher, channels, extensibility traits, and the LLM provider decorator chain.
See the project-level render script and Claude skill for end-to-end use:
scripts/render-architecture-video.sh— one-command MP4 render.claude/skills/architecture-video/SKILL.md— how to update scenes when architecture changes
Install dependencies (first time only):
npm ciPreview in browser (Remotion Studio with hot reload):
npm run devRender to MP4 from this directory:
npx remotion render IronClawArchitecture out.mp4Or from the repository root:
./scripts/render-architecture-video.sh output.mp4Type-check and lint:
npm run lintsrc/IronClawArchitecture.tsx— scene sequencing, durations, transitionssrc/scenes/*.tsx— one file per scene (12 total)src/components/Code.tsx— shared syntax-highlighted code blocksrc/theme.ts— shared colors and fontssrc/Root.tsx— Remotion composition registration
This video project is part of IronClaw and dual-licensed MIT OR Apache-2.0. Remotion itself has a custom license; use is covered under the open-source free tier for this project.