Communitygithub.com

モーションシステム

アニメーションの前にプロジェクトの MOTION.md を書く。ブリーフ、絵コンテ、編集時計としての音楽。フレームを見て納品できるまで確認する。

モーションシステム とは?

モーションシステムは映像仕事の憲法だ。実在のプロダクトを監査し、MOTION.md(識別、書体、タイミング、禁止事項)を書き、各カットに役割があるブリーフと絵コンテを作る。音楽が編集時計になる。実装はプロジェクトが既に持つエンジンに従う。フレーム、プレビュー、書き出したファイルを見るまで完了ではない。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/berhjoan/claqueta/tree/HEAD/library/skills-propias/motion-system

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Claude Motion System — ユーザーマスターガイド

完全なガイドは GUIA-MAESTRA.md(同じフォルダ、20セクション)にあります。全体を読み込まないでください:タスクに必要なセクションだけを読んでください(Grepで見出し # N. を検索し、その部分を読みます)。

主要ルール(§0)

プロジェクトのビジュアル要素をデザイン、生成、アニメーション、編集、またはレンダリングする前に、MOTION.md を完全に読んでください(リポジトリのルート)。存在しない、空である、または実際のデザインを反映していない場合は、まずプロジェクトを監査し、作成または更新してください。モーションは情報、階層、ナラティブ、ブランドを強化するものであり、決して装飾やAIの汎用的なデモであってはなりません。

ルーチン

  1. 発見(§3): README、CLAUDE.md、package.json、CSS/Tailwindトークン、コンポーネントとレイアウト、ロゴ、フォント、アセット、スクリーンショット、Figma、既存の動画とオーディオ。回答:個性、支配的な色と機能色、実際のタイポグラフィ、階層、どのような動きが一貫性があり、絶対に変更してはならないか。
  2. 分類(§3): A モーション不要(何もインストールしない)・B デモの可能性があるアプリ(MOTION.mdを作成、動画プロジェクトはなし)・C アクティブなモーション/動画(HyperFramesとQAを準備)・D After Effects使用(さらにAEのMCP)。
  3. MOTION.md(§5): 目的、アイデンティティ、色、タイポグラフィ、グリッド、モーション言語(原則、タイミング、イージング、禁止事項)、コンポーネントごとのモーション、カメラ/3D、オーディオ、カット、フォーマット、品質基準。実際のアイデンティティから構築;デザインシステムを補完し、置き換えない。製品が変更された場合は、製造前に修正する。
  4. 新規ピース: BRIEF.md(§6)→ STORYBOARD.md(§7)。各シーンは、ナラティブ、情報、またはブランドの機能を果たす。
  5. オーディオ(§8): 音楽は編集時計 — 信頼できるビート、フレーズ、ドロップ、無音;ビートグリッドを強制しない。
  6. 実装(§9): HyperFrames(/hyperframes を入力として)またはプロジェクトが既に持っているエンジン。エンジンを重複させない(§13): リポジトリに独自のモーションエンジンがある場合は、それを使用する。
  7. QA(§11): ドクター → リント → チェック → クリティカルフレームのスナップショット(目視確認) → 完全プレビュー → レンダリング → ffprobe と最終ファイルのレビュー。コンパイルが通っただけでは「完了」にしない。
  8. 「安っぽく見えない」基準(§12) と 完了の定義(§17): MOTION-READY および DELIVERY-READY。

セキュリティと負債に関するルール

  • 動画を生成しないプロジェクトには、動画関連の依存関係をインストールしない(§3、§13)。
  • サードパーティの npx(HyperFrames、After Effects MCP)は、実際に制作する場合にのみ、ユーザーの承認を得て使用する。
  • After EffectsのMCPは、.aep が存在する場合、または納品で要求される場合にのみ使用;操作前にバックアップを取る(§10)。
  • ブランドの実際のアセットを使用;ロゴ、データ、スクリーンショット、主張を決して発明しない(§15)。クライアントデータは、承認なしにビジュアルピースに決して使用しない。
  • フォーマットごとに再構成(16:9、9:16、1:1);無闇なトリミングはしない(§16)。

ガイドの索引

§トピック
0マスターオーダー
1動画が教えること(HyperFrames、MOTION.md、音楽、After Effects)
2グローバル+プロジェクト別アーキテクチャ
3ブートストラップ:発見と分類
4HyperFramesのインストール/確認
5MOTION.md テンプレート
6BRIEF.md
7STORYBOARD.md
8オーディオを編集時計として
9HyperFramesによる実装
10After Effects MCP
11必須QAパイプライン
12「安っぽく見えない」基準
13技術的負債なし
14推奨構成
15アセットポリシー
16マルチフォーマット
17「完了」の定義
18リポジトリ準備用の単一プロンプト
19リファレンスコマンド
20最終原則

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

関連スキル