Catalog
affaan-m/manim-video

affaan-m

manim-video

Build reusable Manim explainers for technical concepts, graphs, system diagrams, and product walkthroughs, then hand off to the wider ECC video stack if needed. Use when the user wants a clean animated explainer rather than a generic talking-head script.

global
origin:ECC
New~711
v1.2Saved Jul 14, 2026

Manim Video

Use Manim for technical explainers where motion, structure, and clarity matter more than photorealism.

When to Activate

  • the user wants a technical explainer animation
  • the concept is a graph, workflow, architecture, metric progression, or system diagram
  • the user wants a short product or launch explainer for X or a landing page
  • the visual should feel precise instead of generically cinematic

Tool Requirements

  • manim CLI for scene rendering
  • ffmpeg for post-processing if needed
  • video-editing for final assembly or polish
  • remotion-video-creation when the final package needs composited UI, captions, or additional motion layers

Default Output

  • short 16:9 MP4
  • one thumbnail or poster frame
  • storyboard plus scene plan

Workflow

  1. Define the core visual thesis in one sentence.
  2. Break the concept into 3 to 6 scenes.
  3. Decide what each scene proves.
  4. Write the scene outline before writing Manim code.
  5. Render the smallest working version first.
  6. Tighten typography, spacing, color, and pacing after the render works.
  7. Hand off to the wider video stack only if it adds value.

Scene Planning Rules

  • each scene should prove one thing
  • avoid overstuffed diagrams
  • prefer progressive reveal over full-screen clutter
  • use motion to explain state change, not just to keep the screen busy
  • title cards should be short and loaded with meaning

Network Graph Default

For social-graph and network-optimization explainers:

  • show the current graph before showing the optimized graph
  • distinguish low-signal follow clutter from high-signal bridges
  • highlight warm-path nodes and target clusters
  • if useful, add a final scene showing the self-improvement lineage that informed the skill

Render Conventions

  • default to 16:9 landscape unless the user asks for vertical
  • start with a low-quality smoke test render
  • only push to higher quality after composition and timing are stable
  • export one clean thumbnail frame that reads at social size

Reusable Starter

Use assets/network_graph_scene.py as a starting point for network-graph explainers.

Example smoke test:

manim -ql assets/network_graph_scene.py NetworkGraphExplainer

Output Format

Return:

  • core visual thesis
  • storyboard
  • scene outline
  • render plan
  • any follow-on polish recommendations
  • video-editing for final polish
  • remotion-video-creation for motion-heavy post-processing or compositing
  • content-engine when the animation is part of a broader launch
Files2
2 files · 3.9 KB

Select a file to preview

Overall Score

82/100

Grade

B

Good

Safety

88

Quality

82

Clarity

85

Completeness

76

Summary

This skill guides agents to create technical explainer animations using Manim, a Python-based animation library. It provides a structured workflow for planning scenes, rendering animations, and integrating with broader video production tools. The skill includes a reusable starter template for network-graph explainers and explicitly scopes outputs to MP4 video, thumbnails, and storyboards.

Detected Capabilities

manim cli executionffmpeg post-processingfile write (scene code generation)video renderingasset file reference

Trigger Keywords

Phrases that MCP clients use to match this skill to user intent.

technical explainer animationmanim graph visualizationnetwork diagram motionproduct launch videoanimated system architecturewhiteboard explainerdata flow animation

Use Cases

  • {user wants a technical explainer animation for a concept or system diagram}
  • Creating short product or launch explainer videos with precise, structured visuals
  • Visualizing graph algorithms, network optimization, or data-flow diagrams in motion
  • Building reusable Manim scene templates for repeated animation patterns
  • Generating storyboards and render plans before handing off to professional video editing tools

Quality Notes

  • Well-structured workflow with clear sequential steps (define thesis → break into scenes → outline → render → tighten)
  • Practical rendering conventions address common mistakes (start with low-quality smoke test before final render)
  • Network-graph starter template directly implements skill guidance and reduces friction for reuse
  • Clear scoping rules (each scene proves one thing, progressive reveal over clutter) help agents make principled design decisions
  • Explicit integration points with related skills (video-editing, remotion-video-creation, content-engine) establish handoff boundaries
  • Example command with asset reference demonstrates how to invoke the starter template
  • Default 16:9 output with thumbnail guidance aligns with modern video platforms
  • Scene planning rules prevent common technical-animation pitfalls (overstuffed diagrams, motion for motion's sake)
Model: claude-haiku-4-5-20251001Analyzed: Jul 14, 2026

Reviews

Add this skill to your library to leave a review.

No reviews yet

Be the first to share your experience.

Version History

v1.2

Content updated

2026-07-14

Latest
v1.1

Content updated

2026-04-20

v1.0

No changelog

2026-04-12

Use affaan-m/manim-video in your dev environment

Command Palette

Search for a command to run...