M

manim-video

by @affaan-mv
4.4(5)

Manimを使用して数学的および技術的な解説アニメーションを自動生成し、抽象的な概念、アルゴリズムフロー、システムアーキテクチャを明確な視覚的ビデオに変換します。

video-editingvideo-productioncontent-creationautomationGitHub
インストール方法
npx skills add https://github.com/affaan-m/everything-claude-code --skill manim-video
compare_arrows

Before / After 効果比較

1 组
使用前

数学的な図形やアニメーションを手動で描画するには、複雑なアニメーションソフトウェアを習得し、タイムラインやキーフレームを調整する必要があります。5分間の技術解説動画の完成には2〜3日かかります。

使用後

コードで数学的な概念や運動法則を記述することで、Manimが自動的に高精細なアニメーションをレンダリングし、正確な幾何学的変換やデータ視覚化を迅速に生成します。5分間の動画を半日で完成させることができます。

SKILL.md

manim-video

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

  • Define the core visual thesis in one sentence.

  • Break the concept into 3 to 6 scenes.

  • Decide what each scene proves.

  • Write the scene outline before writing Manim code.

  • Render the smallest working version first.

  • Tighten typography, spacing, color, and pacing after the render works.

  • 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

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

Weekly Installs519Repositoryaffaan-m/everyt…ude-codeGitHub Stars152.8KFirst Seen11 days agoSecurity AuditsGen Agent Trust HubPassSocketPassSnykPassInstalled oncodex483opencode460antigravity455gemini-cli455cursor455kimi-cli454

ユーザーレビュー (0)

レビューを書く

効果
使いやすさ
ドキュメント
互換性

レビューなし

統計データ

インストール数4.5K
評価4.4 / 5.0
バージョン
更新日2026年8月4日
比較事例1 件

ユーザー評価

4.4(5)
5
80%
4
20%
3
0%
2
0%
1
0%

この Skill を評価

0.0

対応プラットフォーム

🔧Claude Code

タイムライン

作成2026年4月14日
最終更新2026年8月4日
🎁 Agent 知識カード
アンケート