Loading...
Loading...
Create Manim animations for demo videos. Use when visualizing agent workflows, skill pipelines, or architecture diagrams as animated MP4 overlays
npx skill4agent add yonatangross/orchestkit manim-visualizer# Install manim
pip install manim
# Generate visualization
python scripts/visualize.py explore --type=workflow# Input: SkillMetadata with phases
# Output: workflow-{skill}.mp4
Phases flow left-to-right with:
- Phase boxes appearing sequentially
- Tool icons animating in
- Parallel phases shown side-by-side
- Completion checkmarks# Shows:
# - Central orchestrator
# - Agents spawning outward
# - Parallel execution lines
# - Results merging back# Components:
# - Boxes for services/modules
# - Arrows for data flow
# - Highlights for focus areas| Type | Resolution | Duration | FPS |
|---|---|---|---|
| workflow | 1920x400 | 5-10s | 30 |
| agents | 1920x600 | 3-5s | 30 |
| architecture | 1920x1080 | 5-8s | 30 |
<Sequence from={hookEnd} durationInFrames={150}>
<OffthreadVideo src={staticFile("manim/workflow.mp4")} />
</Sequence>remotion-composerdemo-producerterminal-demo-generatorvideo-storyboarding