Tejashmakwana/motionmaxxing

解決する課題

AIが生成するモーショングラフィックスの多くは、スライドデッキのようなレイアウト、繰り返されるコーナーラベル、平凡なタイミングといった、洗練されていない「粗さ」に悩まされています。本プロジェクトは、こうした「中程度」のAI動画を、確立されたデザイン原則に従ったプロレベルのモーショングラフィックスへと変換するための、構造化されたエージェントベースのフレームワークを提供します。

仕組み

これは Claude Code などのツールと統合されるエージェントスキルとして機能します。プロセスは厳格な10ステップのプロトコルに従います。ブランドのウェブサイトを分析してアイデンティティを抽出し、ストーリーボードを生成し、カスタムランタイム (motion.js) を使用してアニメーションを構築します。このプロジェクトは「計測されたモーション」に依存しており、タイミングとイージングは53のプロフェッショナルなモーションモーメントの分析から導き出されています。レンダリング後、エージェントは自動化スクリプトを使用して「Mog check」（一連の品質ゲート）を実行し、ページクローム、デッドフレーム、不適切なイージングといった一般的なAIデザインの欠陥を検出・修正します。

対象ユーザー

このツールは、製品プロモーション、ローンチフィルム、キネティックタイポグラフィを生成するためにAIエージェントを使用しており、一般的なAIのデフォルト設定ではなく、プロフェッショナルな美的基準を満たす出力を求めるクリエイター、開発者、モーショングラフィックデザイナー向けに設計されています。

ハイライト

• 計測されたモーション (Measured Motion)： 12種類の専門的に計測されたイージングカーブとフレーム単位の正確なタイミングルールを使用し、デフォルトのAIアニメーションパターンを置き換えます。
• 自動品質ゲート (Automated Quality Gates)： 「Mog check」システムを搭載し、一般的なAIエラー（ページクローム、動きの欠如、不適切なエンドホールドなど）を自動的に監査します。
• 決定論的ランタイム (Deterministic Runtime)： motion.js ランタイムにより、すべてのフレームが時間の純粋な関数となるため、アニメーションの再現性とシークの安全性が確保されます。
• デザインファーストのアプローチ (Design-First Approach)： 一般的なフェードやスライドデッキレイアウトを、モーションカットやヒーロー要素への3D深度の使用など、プロが使用するテクニックに置き換えます。