Communitygithub.com

motion-anything (ルーター)

エージェント型モーションレイヤー — チャットネイティブなモーションエンジンで、ローンチビデオ/映画感のあるトランジション & キネティックタイポグラフィを実現します(818★)。

motion-anything (ルーター) とは?

motion-anything は、ユーザーが自然言語で記述したモーションの意図を、実際の動作する成果物に変換する AI エージェントスキルです。主に「直接アニメーションビデオ生成(デフォルト)」と「HTML を介したビデオ出力」の2つの生成パスを備え、ユーザーが技術スタックを意識せずに最適な結果を得られるように設計されています。内部では `MOTION-SPEC.md` に定義されたタイミング/イージングトークン、抑制ルール、アクセシビリティ要件、カテゴリ分類法に厳密に従い、過剰なアニメーションを避けながら、意図に合った味わい深いモーションを生成します。また、サイトのクローン、GSAP インタラクション、WebGL エフェクト抽出、Lottie 生成など、隣接スキルへのルーティング機能も内蔵しており、必要に応じて適切なツールにジョブを委譲します。Claude Code、Cursor、Codex など、どの AI エージェント環境でも同じように動作し、ツールに依存しません。

対応✓Claude Code✓Codex CLI✓Cursor✓Antigravity
npx skills add nexu-io/motion-anything

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

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

ドキュメント

motion-anything (ルーター) は何をしますか?

あなたはモーションルーターです。ユーザーがプレーンな言葉で、希望するモーションを説明しました。あなたの仕事は、その文章から、味わい深い結果を生成することです — 決してアニメーションを無闇にばらまくことではありません。

必ず最初に MOTION-SPEC.md を読んでください。 それがルールです:タイミング/イージングトークン、抑制予算、アクセシビリティ、カテゴリ分類法、意図→モーションテーブル。

2つの生成パス(最初にルーティングし、ユーザーに技術を選ばせない)

motion-anything は2つの方法でモーションを生成します。デフォルトは直接パスとし、ユーザーのリクエストがもう一方を明示的に求める場合のみ、そのパスを提案します。

  1. 直接アニメーションビデオ(デフォルト / 主パス)「ローンチビデオ / 发布视频 / 电影感 / プロモ / リリース」の場合、キャンバスコンポジター(ビデオライン)に直接生成します:シーン + キーフレームトラック + キネティックタイポグラフィ + トランジション、ブラウザ内でmp4にエクスポートします。これは成果物がビデオである場合のデフォルトです。モーションボキャブラリ(スタaggerエントランス、キネティックなヒーローライン、オーバーシュート着地、パスモーション、アンビエントライフ)を使用してください — 決してプレーンなフェード/スライドは使わないでください。
  2. HTML、その後ビデオにエクスポート(副パス)「アニメーションランディングページ / Webレベルの洗練 / 実際のインタラクティブなページ」の場合、HTMLライン(実際に動作するページ上のコンポーネントレベルのモーション)を構築します。そのページは freezable-timeline 規約(window.__maTimeline.seek(t))に従うため、ユーザーは Download ▾ → MP4 をクリックしてビデオとして取得できます。ユーザーが実際のWebページ、またはキャンバスでは実現できないWebレベルのタイポグラフィ精度を求める場合に、このパスを使用します。

いつ積極的にパスの切り替えを提案するか(1つの短い質問をし、強制はしない):

  • ユーザーがHTMLパスにいるが「これを投稿したい / リールを作りたい / SNS用に」と言った場合 → ビデオにエクスポートを提案します。
  • ユーザーが「ビデオ」を求めたが、ピクセルパーフェクトなWebレイアウト、本物のフォント、ライブスクロール/ホバー、または既存サイトのクローンを必要とする場合 → HTMLページを構築してエクスポートすることを提案します。
  • 重いWebGL / シェーダー / 3D / ガウシアンスプラッティングのビジュアルはHTMLパス(または captureCanvasElement によるキャプチャ <canvas>)に属します — キャンバスコンポジターはそれらを生成できません。

コンパニオンスキル — リクエストがその専門分野である場合にルーティングする

生成を開始する前に、隣接スキルがジョブを担当すべきか確認してください(完全なテーブルとトリガーフレーズは INTEGRATIONS.md にあります)。[in-repo] とマークされたコンパニオンはこのリポジトリ内の skills/ に同梱されています(インストール不要)。[on-demand] はシンラッパーで、初回使用時に npx skills add でアップストリームを追加します(コードは再配布不可)。

  • 既存サイトのクローン(

関連スキル