Maison

Skill

Outils de développement

manim-video

affaan-m/ECC

Créez des vidéos explicatives techniques animées à l'aide de Manim pour présenter des graphiques, des flux de travail, des schémas de système et des présentations de produits, avec des animations précises et une mise en scène claire.

...Développer tout

Heure mise à jour 1 octobre 2026

# ffmpeg # animation # manim # network graph # storyboarding # technical explainers # video rendering

Manim Video

Utilisez Manim pour les vidéos explicatives techniques où le mouvement, la structure et la clarté priment sur le photoréalisme.

Quand l'utiliser

l'utilisateur souhaite une animation explicative technique
le concept porte sur un graphique, un flux de travail, une architecture, l'évolution d'un indicateur ou un schéma de système
l'utilisateur souhaite une courte animation explicative sur un produit ou un lancement pour X, ou pour une page d'accueil
le rendu visuel doit être précis plutôt que cinématographique au sens générique

Exigences relatives aux outils

manim Une interface en ligne de commande (CLI) pour le rendu des scènes
ffmpeg pour le post-traitement si nécessaire
video-editing pour l’assemblage final ou la retouche
remotion-video-creation lorsque le montage final nécessite l'intégration d'une interface utilisateur, de légendes ou de calques de mouvement supplémentaires

Format de sortie par défaut

MP4 court au format 16:9
une vignette ou une image d'affiche
storyboard et plan de scène

Flux de travail

Définissez la thèse visuelle centrale en une phrase.
Décomposez le concept en 3 à 6 scènes.
Déterminez ce que chaque scène met en évidence.
Rédigez le plan des scènes avant d'écrire le code Manim.
Rendez d'abord la version de travail la plus simple possible.
Affinez la typographie, l'espacement, les couleurs et le rythme une fois le rendu validé.
Ne passez le relais à l'ensemble de la pile vidéo que si cela apporte une valeur ajoutée.

Règles de planification des scènes

Chaque scène doit démontrer une seule chose
Évitez les schémas surchargés
Privilégiez la révélation progressive plutôt que l'encombrement en plein écran
Utilisez le mouvement pour expliquer un changement d’état, et non pas simplement pour remplir l’écran
Les cartons de titre doivent être courts et riches de sens

Graphique de réseau par défaut

Pour les explications sur les graphes sociaux et l'optimisation des réseaux :

affichez le graphe actuel avant de montrer le graphe optimisé
distinguer les liaisons peu significatives qui encombrent le graphe des ponts à forte signal
mettez en évidence les nœuds des chemins « chauds » et les grappes cibles
si utile, ajouter une scène finale illustrant la lignée d’auto-amélioration qui a façonné la compétence

Conventions de rendu

par défaut, format 16:9 en mode paysage, sauf si l’utilisateur demande le mode portrait
Commencer par un rendu de test de base de faible qualité
ne passer à une qualité supérieure qu’une fois que la composition et le timing sont stabilisés
Exporter une image de prévisualisation nette adaptée aux réseaux sociaux

Modèle de départ réutilisable

Utilisez le fichier assets/network_graph_scene.py comme point de départ pour les explications sous forme de graphiques de réseau.

Exemple de test préliminaire :

manim -ql assets/network_graph_scene.py NetworkGraphExplainer

Format de sortie

Renvoie :

thèse visuelle principale
storyboard
plan de scène
plan de rendu
éventuelles recommandations de peaufinage

Compétences associées

video-editing pour la finalisation
remotion-video-creation pour un post-traitement ou un compositing impliquant beaucoup de mouvement
content-engine lorsque l’animation s’inscrit dans le cadre d’un lancement plus large

Voir sur GitHub

---
name: manim-video
description: Create animated technical explainers using Manim for graphs, workflows, system diagrams, and product walkthroughs with precise motion and clear scene planning.
---

# 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](assets/network_graph_scene.py) as a starting point for network-graph explainers.

Example smoke test:

```bash
manim -ql assets/network_graph_scene.py NetworkGraphExplainer
```

## Output Format

Return:

- core visual thesis
- storyboard
- scene outline
- render plan
- any follow-on polish recommendations

## Related Skills

- `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