affaan-m avatar

Manim Video

If you need a technical explainer that shows how something works instead of just talking about it, this builds Manim animations for graphs, system diagrams, workflows, and product walkthroughs. It walks you through planning scenes before you write code, which saves you from overstuffed diagrams and aimless motion. The workflow is smart: render a low quality smoke test first, nail the composition and timing, then push to higher res. It includes a reusable network graph starter for social graph and optimization explainers, and it knows when to hand off to Remotion or the wider video stack for compositing. The output is a 16:9 MP4 plus storyboard and render plan. Honest take: this is for precision explanations, not cinematic flair.

skills.sh installs
5.7K
GitHub stars
300.3K
last updated
Aug 21, 2026

Install

$ npx -y skills add affaan-m/ecc --skill manim-video --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Sponsors

Details

Repository
github.com/affaan-m/ecc
Categories
DevOps & CI/CD, Documentation, Automation & Workflows
First seen
Jul 14, 2026

More from affaan-m/ecc

All 263
1forcedotcom avatarplatform-lightning-app-coordinateforcedotcom/sf-skillsBuild complete Salesforce Lightning Experience applications from natural language descriptions. Use this skill when a user requests a "complete app", "Lightning5.7Kskills.sh installs
2affaan-m avatarai-regression-testingaffaan-m/eccRegression testing strategies for AI-assisted development. Sandbox-mode API testing without database dependencies, automated bug-check workflows, and patterns t5.7Kskills.sh installs
3jeffallan avatarcpp-projeffallan/claude-skillsWrites, optimizes, and debugs C++ applications using modern C++20/23 features, template metaprogramming, and high-performance systems techniques. Use when build5.6Kskills.sh installs
4affaan-m avatarmcp-server-patternsaffaan-m/eccBuild MCP servers with Node/TypeScript SDK — tools, resources, prompts, Zod validation, stdio vs Streamable HTTP. Use Context7 or official MCP docs for latest A5.6Kskills.sh installs
5affaan-m avatarmle-workflowaffaan-m/eccProduction machine-learning engineering workflow for data contracts, reproducible training, model evaluation, deployment, monitoring, and rollback. Use when bui5.6Kskills.sh installs
6wondelai avatarone-page-marketingwondelai/skillsBuild a complete marketing plan covering the full customer journey from stranger to raving fan. Use when the user mentions "marketing plan", "marketing strategy5.6Kskills.sh installs