manim-composer
教育動画や数学・科学のビジュアル化で、3Blue1Brownのようなアニメーションを作りたい時に、動画の目的や対象者を確認し、Manimで実装可能な詳細なシーン構成を提案するSkill。
📜 元の英語説明(参考)
Trigger when: (1) User wants to create an educational/explainer video, (2) User has a vague concept they want visualized, (3) User mentions "3b1b style" or "explain like 3Blue1Brown", (4) User wants to plan a Manim video or animation sequence, (5) User asks to "compose" or "plan" a math/science visualization. Transforms vague video ideas into detailed scene-by-scene plans (scenes.md). Conducts research, asks clarifying questions about audience/scope/focus, and outputs comprehensive scene specifications ready for implementation with ManimCE or ManimGL. Use this BEFORE writing any Manim code. This skill plans the video; use manimce-best-practices or manimgl-best-practices for implementation.
🇯🇵 日本人クリエイター向け解説
教育動画や数学・科学のビジュアル化で、3Blue1Brownのようなアニメーションを作りたい時に、動画の目的や対象者を確認し、Manimで実装可能な詳細なシーン構成を提案するSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o manim-composer.zip https://jpskill.com/download/9658.zip && unzip -o manim-composer.zip && rm manim-composer.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/9658.zip -OutFile "$d\manim-composer.zip"; Expand-Archive "$d\manim-composer.zip" -DestinationPath $d -Force; ri "$d\manim-composer.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
manim-composer.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
manim-composerフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 1
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
ワークフロー
フェーズ 1: 概念の理解
-
質問をする前に、トピックを深く調査する
- ウェブ検索を使って、中心となる概念を理解する
- このトピックを面白くしている重要な洞察を特定する
- 「アハ体験」を見つける - 学習者が理解するきっかけとなるものは何か
- 対処すべき一般的な誤解をメモする
-
物語のフックを特定する
- この動画はどのような質問に答えるのか?
- 視聴者はなぜ気にかけるべきなのか?
- 驚くべき、または直感に反する要素は何か?
フェーズ 2: ユーザーとの明確化
的を絞った質問をする(一度にすべてではなく、回答に基づいて調整する):
対象者と範囲
- どのような数学/科学の背景知識を想定すべきか?(例:「微積分を知っている」または「高校代数」)
- 目標とする動画の長さは?(短い:5〜10分、中程度:15〜20分、長い:30分以上)
- これは自己完結型であるべきか、シリーズの一部であるべきか?
焦点と深さ
- 強調またはスキップすべき特定の側面はありますか?
- 証明重視か、直感重視か?
- 含めるべき現実世界の応用例はありますか?
スタイルの好み
- 配色に関する好みはありますか?
- ナレーションのスタイルは?(カジュアル、フォーマル、遊び心がある)
- 念頭に置いている特定の視覚的なメタファーはありますか?
フェーズ 3: scenes.md の作成
以下の構造を持つ包括的な scenes.md ファイルを出力します。
# [動画タイトル]
## 概要
- **トピック**: [中心となる概念]
- **フック**: [冒頭の質問/謎]
- **対象読者**: [前提条件]
- **推定時間**: [X 分]
- **重要な洞察**: [「アハ体験」]
## 物語の展開
[混乱から理解に至るまでの過程を2〜3文で説明]
---
## シーン 1: [シーン名]
**時間**: ~X 秒
**目的**: [このシーンが達成すること]
### 視覚要素
- [必要な mobject のリスト]
- [使用するアニメーション]
- [カメラの動き]
### コンテンツ
[何が起こるか、何が表示されるか、何が説明されるかの詳細な説明]
### ナレーションのメモ
[伝えるべき重要なポイント、トーン、ペースのメモ]
### 技術的なメモ
- [使用する特定の Manim クラス/メソッド]
- [注意すべきトリッキーな実装]
---
## シーン 2: [シーン名]
...
---
## トランジションと流れ
[シーンのつながり方、繰り返される視覚的なモチーフに関するメモ]
## カラーパレット
- プライマリ: [color] - [目的] に使用
- セカンダリ: [color] - [目的] に使用
- アクセント: [color] - [目的] に使用
- 背景: [color]
## 数学的なコンテンツ
[レンダリングする必要がある方程式、公式、または数学的オブジェクトのリスト]
## 実装順序
[シーンの実装に関する推奨順序、依存関係に注意]
3b1b スタイルの原則
シーンを構成する際には、これらの原則を適用してください。
視覚的なストーリーテリング
- ただ伝えるのではなく、見せる - すべての概念には視覚的な表現が必要です
- 段階的な提示 - 複雑さを徐々に構築し、すべてを一度に表示しないでください
- 視覚的な連続性 - 可能な限り、オブジェクトを置き換えるのではなく、変換します
ペースとリズム
- 洞察のために一時停止する - 視聴者に重要な瞬間を吸収する時間を与えます
- ペースを変化させる - クイックなシーケンスとゆっくりとした説明を混ぜ合わせます
- 解決でシーンを終了する - 各シーンは完結しているように感じるはずです
数学的な美しさ
- 優雅さを強調する - 数学が驚くほどシンプルまたは美しい場合にハイライトします
- 表現を結びつける - 同じ概念を複数の方法で示します(代数的、幾何学的、直感的)
- 抽象化を徐々に受け入れる - 具体的に始めて、一般化します
エンゲージメントテクニック
- 質問を投げかける - 答えを明らかにする前に、視聴者の好奇心を刺激します
- 難しさを認める - 「最初は混乱するかもしれませんが...」
- 洞察を称賛する - 「アハ体験」が努力に見合うように感じさせます
参考文献
- references/narrative-patterns.md - 一般的な 3b1b の物語構造
- references/visual-techniques.md - 効果的な視覚化パターン
- references/scene-examples.md - scenes.md の抜粋例
テンプレート
- templates/scenes-template.md - 空の scenes.md テンプレート
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
Workflow
Phase 1: Understand the Concept
-
Research the topic deeply before asking questions
- Use web search to understand the core concepts
- Identify the key insights that make this topic interesting
- Find the "aha moment" - what makes this click for learners
- Note common misconceptions to address
-
Identify the narrative hook
- What question does this video answer?
- Why should the viewer care?
- What's the surprising or counterintuitive element?
Phase 2: Clarify with User
Ask targeted questions (not all at once - adapt based on responses):
Audience & Scope
- What math/science background should I assume? (e.g., "knows calculus" or "high school algebra")
- Target video length? (short: 5-10min, medium: 15-20min, long: 30min+)
- Should this be self-contained or part of a series?
Focus & Depth
- Any specific aspects to emphasize or skip?
- Proof-heavy or intuition-focused?
- Real-world applications to include?
Style Preferences
- Color scheme preferences?
- Narration style? (casual, formal, playful)
- Any specific visual metaphors you have in mind?
Phase 3: Create scenes.md
Output a comprehensive scenes.md file with this structure:
# [Video Title]
## Overview
- **Topic**: [Core concept]
- **Hook**: [Opening question/mystery]
- **Target Audience**: [Prerequisites]
- **Estimated Length**: [X minutes]
- **Key Insight**: [The "aha moment"]
## Narrative Arc
[2-3 sentences describing the journey from confusion to understanding]
---
## Scene 1: [Scene Name]
**Duration**: ~X seconds
**Purpose**: [What this scene accomplishes]
### Visual Elements
- [List of mobjects needed]
- [Animations to use]
- [Camera movements]
### Content
[Detailed description of what happens, what's shown, what's explained]
### Narration Notes
[Key points to convey, tone, pacing notes]
### Technical Notes
- [Specific Manim classes/methods to use]
- [Any tricky implementations to note]
---
## Scene 2: [Scene Name]
...
---
## Transitions & Flow
[Notes on how scenes connect, recurring visual motifs]
## Color Palette
- Primary: [color] - used for [purpose]
- Secondary: [color] - used for [purpose]
- Accent: [color] - used for [purpose]
- Background: [color]
## Mathematical Content
[List of equations, formulas, or mathematical objects that need to be rendered]
## Implementation Order
[Suggested order for implementing scenes, noting dependencies]
3b1b Style Principles
Apply these principles when composing scenes:
Visual Storytelling
- Show, don't just tell - Every concept needs a visual representation
- Progressive revelation - Build complexity gradually, don't show everything at once
- Visual continuity - Transform objects rather than replacing them when possible
Pacing & Rhythm
- Pause for insight - Give viewers time to absorb key moments
- Vary the pace - Mix quick sequences with slower explanations
- End scenes with resolution - Each scene should feel complete
Mathematical Beauty
- Emphasize elegance - Highlight when math is surprisingly simple or beautiful
- Connect representations - Show the same concept multiple ways (algebraic, geometric, intuitive)
- Embrace abstraction gradually - Start concrete, then generalize
Engagement Techniques
- Pose questions - Make viewers curious before revealing answers
- Acknowledge difficulty - "This might seem confusing at first..."
- Celebrate insight - Make the "aha moment" feel earned
References
- references/narrative-patterns.md - Common 3b1b narrative structures
- references/visual-techniques.md - Effective visualization patterns
- references/scene-examples.md - Example scenes.md excerpts
Templates
- templates/scenes-template.md - Blank scenes.md template