jpskill.com
📦 その他 コミュニティ

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本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
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
🪟 Windows (PowerShell)
$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. 1. 下の青いボタンを押して manim-composer.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → manim-composer フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

ワークフロー

フェーズ 1: 概念の理解

  1. 質問をする前に、トピックを深く調査する

    • ウェブ検索を使って、中心となる概念を理解する
    • このトピックを面白くしている重要な洞察を特定する
    • 「アハ体験」を見つける - 学習者が理解するきっかけとなるものは何か
    • 対処すべき一般的な誤解をメモする
  2. 物語のフックを特定する

    • この動画はどのような質問に答えるのか?
    • 視聴者はなぜ気にかけるべきなのか?
    • 驚くべき、または直感に反する要素は何か?

フェーズ 2: ユーザーとの明確化

的を絞った質問をする(一度にすべてではなく、回答に基づいて調整する):

対象者と範囲

  • どのような数学/科学の背景知識を想定すべきか?(例:「微積分を知っている」または「高校代数」)
  • 目標とする動画の長さは?(短い:5〜10分、中程度:15〜20分、長い:30分以上)
  • これは自己完結型であるべきか、シリーズの一部であるべきか?

焦点と深さ

  • 強調またはスキップすべき特定の側面はありますか?
  • 証明重視か、直感重視か?
  • 含めるべき現実世界の応用例はありますか?

スタイルの好み

  • 配色に関する好みはありますか?
  • ナレーションのスタイルは?(カジュアル、フォーマル、遊び心がある)
  • 念頭に置いている特定の視覚的なメタファーはありますか?

フェーズ 3: scenes.md の作成

以下の構造を持つ包括的な scenes.md ファイルを出力します。

# [動画タイトル]

## 概要
- **トピック**: [中心となる概念]
- **フック**: [冒頭の質問/謎]
- **対象読者**: [前提条件]
- **推定時間**: [X 分]
- **重要な洞察**: [「アハ体験」]

## 物語の展開
[混乱から理解に至るまでの過程を2〜3文で説明]

---

## シーン 1: [シーン名]
**時間**: ~X 秒
**目的**: [このシーンが達成すること]

### 視覚要素
- [必要な mobject のリスト]
- [使用するアニメーション]
- [カメラの動き]

### コンテンツ
[何が起こるか、何が表示されるか、何が説明されるかの詳細な説明]

### ナレーションのメモ
[伝えるべき重要なポイント、トーン、ペースのメモ]

### 技術的なメモ
- [使用する特定の Manim クラス/メソッド]
- [注意すべきトリッキーな実装]

---

## シーン 2: [シーン名]
...

---

## トランジションと流れ
[シーンのつながり方、繰り返される視覚的なモチーフに関するメモ]

## カラーパレット
- プライマリ: [color] - [目的] に使用
- セカンダリ: [color] - [目的] に使用
- アクセント: [color] - [目的] に使用
- 背景: [color]

## 数学的なコンテンツ
[レンダリングする必要がある方程式、公式、または数学的オブジェクトのリスト]

## 実装順序
[シーンの実装に関する推奨順序、依存関係に注意]

3b1b スタイルの原則

シーンを構成する際には、これらの原則を適用してください。

視覚的なストーリーテリング

  • ただ伝えるのではなく、見せる - すべての概念には視覚的な表現が必要です
  • 段階的な提示 - 複雑さを徐々に構築し、すべてを一度に表示しないでください
  • 視覚的な連続性 - 可能な限り、オブジェクトを置き換えるのではなく、変換します

ペースとリズム

  • 洞察のために一時停止する - 視聴者に重要な瞬間を吸収する時間を与えます
  • ペースを変化させる - クイックなシーケンスとゆっくりとした説明を混ぜ合わせます
  • 解決でシーンを終了する - 各シーンは完結しているように感じるはずです

数学的な美しさ

  • 優雅さを強調する - 数学が驚くほどシンプルまたは美しい場合にハイライトします
  • 表現を結びつける - 同じ概念を複数の方法で示します(代数的、幾何学的、直感的)
  • 抽象化を徐々に受け入れる - 具体的に始めて、一般化します

エンゲージメントテクニック

  • 質問を投げかける - 答えを明らかにする前に、視聴者の好奇心を刺激します
  • 難しさを認める - 「最初は混乱するかもしれませんが...」
  • 洞察を称賛する - 「アハ体験」が努力に見合うように感じさせます

参考文献

テンプレート

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Workflow

Phase 1: Understand the Concept

  1. 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
  2. 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

Templates