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
0installs0uses~711
v1.1Saved Apr 20, 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

87/100

Grade

A

Excellent

Safety

92

Quality

88

Clarity

86

Completeness

83

Summary

A skill for creating technical explainer animations using Manim, focusing on graphs, workflows, and system diagrams. It provides a structured workflow for planning scenes, rendering video, and optionally handing off to broader video production tools. Includes a reusable starter template for network graph visualizations.

Detected Capabilities

Manim scene planning and authoringNetwork graph visualization templatesVideo rendering workflow guidanceStoryboard and scene outline generationIntegration with ffmpeg and video editing toolsExport 16:9 MP4 video and thumbnail frames

Trigger Keywords

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

animated explainernetwork graph visualizationtechnical diagram animationmanim scene creationproduct walkthrough animationsystem architecture animation

Risk Signals

INFO

Execution of manim CLI and ffmpeg commands

SKILL.md: Render Conventions and Tool Requirements sections
INFO

File write operations to create video outputs (MP4, frames)

SKILL.md: Default Output section
INFO

Python code generation and execution via assets/network_graph_scene.py template

assets/network_graph_scene.py (starter template)

Use Cases

  • Create animated technical explainers for architecture or workflow concepts
  • Build social graph optimization visualizations
  • Generate animated product or feature walkthroughs
  • Produce system diagram animations for documentation or landing pages
  • Create metric progression or state-change visualizations

Quality Notes

  • Well-structured workflow with clear sequential steps (plan → outline → render → refine)
  • Strong visual principles documented (progressive reveal, one-thing-per-scene, motion purpose)
  • Excellent concrete example provided in starter template showing real Manim patterns
  • Default output format clearly specified (MP4, thumbnail, storyboard)
  • Scene planning rules are specific and actionable, preventing common mistakes
  • Network graph conventions are domain-specific and save setup time
  • Clear integration points with related skills (video-editing, remotion-video-creation, content-engine)
  • Smoke test rendering advice is practical for iteration
  • Activation criteria are precise and non-overlapping with generic video skills
  • Minor: could benefit from example storyboard or rendered output reference for clarity
Model: claude-haiku-4-5-20251001Analyzed: Apr 20, 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.1

Content updated

2026-04-20

Latest
v1.0

No changelog

2026-04-12

Add affaan-m/manim-video to your library

Command Palette

Search for a command to run...