manim-composer
ユーザーが教育・解説動画の作成を望んでいる場合、「3Blue1Brownスタイルで説明して」などのリクエストがある場合、または数学・科学の概念をアニメーションで可視化したい場合にトリガーされます。漠然としたアイデアをシーンごとの詳細な制作計画(scenes.md)に変換するスキルで、対象視聴者やスコープについてヒアリングを行いながら、ManimCEまたはManimGLで実装可能な仕様書を生成します。Manim のコードを書く前に必ず使用し、実装には manimce-best-practices または manimgl-best-practices を併用してください。
description の原文を見る
| 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.
SKILL.md 本文
ワークフロー
フェーズ 1: 概念を理解する
-
トピックを深く調査 してから質問する
- Web 検索を使用してコア概念を理解する
- このトピックを興味深くする重要な洞察を特定する
- 「aha モーメント」を見つける - 学習者にとって何がわかりやすいのか
- 対処すべき一般的な誤解をメモする
-
ナラティブフックを特定する
- この動画はどんな質問に答えるのか?
- なぜ視聴者は気にする必要があるのか?
- 驚くべき点や直感に反する要素は何か?
フェーズ 2: ユーザーと明確化する
ターゲット化された質問を行う (一度にすべてではなく - 回答に基づいて適応させる):
視聴者とスコープ
- どのような数学/科学の背景を想定すべきか? (例: 「微積分を知っている」または「高校代数」)
- ターゲット動画の長さ? (短: 5-10 分、中: 15-20 分、長: 30 分以上)
- これは単独で完成しているべきか、シリーズの一部か?
フォーカスと深さ
- 強調したいまたはスキップしたい特定の側面はあるか?
- 証明重視か直感重視か?
- 含めるべき実世界の応用はあるか?
スタイルの好み
- カラースキームの好み?
- ナレーションのスタイル? (カジュアル、フォーマル、遊び心のある)
- 念頭に置いている特定のビジュアルメタファーはあるか?
フェーズ 3: scenes.md を作成する
この構造で包括的な scenes.md ファイルを出力します:
# [動画タイトル]
## 概要
- **トピック**: [コア概念]
- **フック**: [オープニングの質問/ミステリー]
- **ターゲット視聴者**: [前提条件]
- **推定時間**: [X 分]
- **重要な洞察**: [「aha モーメント」]
## ナラティブアーク
[混乱から理解への旅を説明する 2-3 文]
---
## シーン 1: [シーン名]
**時間**: 約 X 秒
**目的**: [このシーンが何を達成するか]
### ビジュアル要素
- [必要な mobject のリスト]
- [使用するアニメーション]
- [カメラの動き]
### コンテンツ
[何が起こるのか、何が表示されるのか、何が説明されるのかの詳細な説明]
### ナレーションメモ
[伝えるべき重要なポイント、トーン、ペーシングメモ]
### 技術メモ
- [使用する特定の Manim クラス/メソッド]
- [注意すべき難しい実装]
---
## シーン 2: [シーン名]
...
---
## トランジションとフロー
[シーンがどのように接続されるか、繰り返されるビジュアルモチーフについてのメモ]
## カラーパレット
- プライマリ: [色] - [目的] に使用
- セカンダリ: [色] - [目的] に使用
- アクセント: [色] - [目的] に使用
- 背景: [色]
## 数学的コンテンツ
[レンダリングする必要がある方程式、公式、または数学的オブジェクトのリスト]
## 実装順序
[シーンを実装するための推奨順序、依存関係に注意]
3b1b スタイルの原則
シーンを作成する際にこれらの原則を適用します:
ビジュアルストーリーテリング
- 見せる、説明するのではなく - すべての概念にはビジュアル表現が必要
- 段階的な開示 - 複雑さを段階的に構築し、すべてを一度に表示しない
- ビジュアルの連続性 - 可能な場合、オブジェクトを置き換えるのではなく変換する
ペーシングとリズム
- 洞察のための一時停止 - 視聴者に重要な瞬間を吸収する時間を与える
- ペースを変化させる - 素早いシーケンスと遅い説明を混ぜる
- 解決でシーンを終わらせる - 各シーンは完全に感じるべき
数学的な美しさ
- エレガンスを強調する - 数学が驚くほど単純または美しい場合をハイライトする
- 表現をつなぐ - 同じ概念を複数の方法で表示する (代数的、幾何学的、直感的)
- 抽象化を段階的に採用する - 具体から始めて、一般化する
エンゲージメント技法
- 質問を提起する - 答えを明かす前に視聴者の好奇心を刺激する
- 難しさを認識する - 「最初は混乱しているように見えるかもしれませんが...」
- 洞察を祝う - 「aha モーメント」を得た感覚を作る
参考資料
references/narrative-patterns.md- 一般的な 3b1b ナラティブ構造references/visual-techniques.md- 効果的な可視化パターンreferences/scene-examples.md- scenes.md 抜粋の例
テンプレート
templates/scenes-template.md- 空白の scenes.md テンプレート
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- adithya-s-k
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/adithya-s-k/manim_skill / ライセンス: MIT
関連スキル
nano-banana-2
inference.sh CLIを通じてGoogle Gemini 3.1 Flash Image Preview(Nano Banana 2)で画像を生成します。テキストから画像を生成する機能、画像編集、最大14枚の複数画像入力、Google Searchグラウンディング機能に対応しています。トリガーワード:「nano banana 2」「nanobanana 2」「gemini 3.1 flash image」「gemini 3 1 flash image preview」「google image generation」
octocode-slides
洗練されたマルチファイル形式のHTMLプレゼンテーションを生成します。6段階のフロー(概要 → リサーチ → アウトライン → デザイン → 実装 → レビュー)で構成されています。各スライドは独立したHTMLファイルとなり、iframeで読み込まれます。「スライドを作成してほしい」「プレゼンテーションを作ってほしい」「HTMLスライドを生成してほしい」「デックを構築してほしい」といった依頼や、ノート・ドキュメント・コードを洗練されたプレゼンテーションに変換する際に使用できます。
gpt-image2-ppt
OpenAIのgpt-image-2を使用して、視覚的に優れたPPTスライドを生成します。Spatial Glass、Tech Blue、Editorial Monoなど10種類のキュレーション済みスタイルに対応し、ユーザーが提供したPPTXファイルを模倣するテンプレートクローンモードも搭載しています。HTMLビューアと16:9形式のPPTXファイルを出力します。プレゼンテーション、スライド、ピッチデック、投資家向けPPT、雑誌風PPTの作成依頼などで活用してください。
nano-banana
Nano Banana PRO(Gemini 3 Pro Image)およびNano Banana(Gemini 2.5 Flash Image)を使用したAI画像生成機能です。以下の場合に活用できます:(1)テキストプロンプトからの画像生成、(2)既存画像の編集、(3)インフォグラフィックス、ロゴ、商品写真、ステッカーなどのプロフェッショナルなビジュアルアセット制作、(4)複数画像での人物キャラクターの一貫性保持、(5)正確なテキスト描画を含む画像生成、(6)AI生成ビジュアルが必要なあらゆるタスク。「画像を生成」「画像を作成」「写真を作る」「ロゴをデザイン」「インフォグラフィックスを作成」「AI画像」「nano banana」またはその他の画像生成リクエストをトリガーとして機能します。
oiloil-ui-ux-guide
モダンでクリーンなUI/UXガイダンス・レビュースキルです。新機能や既存システム(Webアプリ)に対して、実行可能なUI/UX改善提案、デザイン原則、デザインレビューチェックリストが必要な場合に活用できます。CRAP(コントラスト・反復・配置・近接)をベースに、タスクファーストなUX、情報設計、フィードバック・システムステータス、一貫性、affordances、エラー防止・復旧、認知負荷を重視します。モダンミニマルスタイル(クリーン・余白・タイポグラフィ主導)を強制し、不要なテキストを削減、アイコンとしての絵文字を禁止し、統一されたアイコンセットから直感的で洗練されたアイコンを推奨します。
axiom-hig-ref
Apple Human Interface Guidelines リファレンス — 色(セマンティックカラー、カスタムカラー、パターン)、背景(マテリアル階層、ダイナミック背景)、タイポグラフィ(標準スタイル、カスタムフォント、Dynamic Type)、SF Symbols(レンダリングモード、色、多言語対応)、ダークモード、アクセシビリティ、プラットフォーム固有の考慮事項を網羅したガイドラインです。