Communityコーディング&開発github.com

osminoog09-star/Shorts

オリジナルのモーションビデオ、プロダクトアニメーション、キネティックタイポグラフィを、アイデアと動的なストーリーボードから検証済みのエクスポートまで作成・仕上げます。

Shorts とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)がプロフェッショナルなモーショングラフィックスビデオを制作するための包括的なフレームワークです。アイデア発想、動的なストーリーボード、アニメーション制作、サウンドデザイン、最終エクスポートまでをカバーします。特に、直接的なHTML/CSS/JavaScript、SVG、Canvasを用いた高品質なアニメーションをデフォルトとし、必要に応じてライブラリや3Dモデルを活用します。デフォルトでMP4 1920×1080 60fpsの動画を出力し、サウンドデザインとBGMも生成します。また、最初のバージョンを内部ドラフトとみなして必須のイテレーションを行い、各シーンに3〜5の創造的な選択肢を検討した上で最適なものを選ぶ「リハーサル」プロセスを特徴としています。製品アニメーション、UIモーション、ドキュメンタリーロングフォームなど、追加モジュールによる特化したユースケースもサポートします。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/osminoog09-star/Shorts/tree/HEAD/skills/vizavi-motion

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

vizavi_motion

以下の3つのメカニズムがこのスキルの基盤です。追加モジュールはそれらの実行を支援するものであり、置き換えたり、必須のテンプレートを設定したりするものではありません。ユーザーからの明確なブリーフ、フォーマット、長さ、サウンド、許可されたリソースがデフォルトよりも優先されます。単純なアイデアで十分です: 演出上の意思決定は、ユーザーに技術的なアンケートを求めることなく、自身で行ってください。製品の実際の特性、価格、確認された好みをでっち上げないでください。

デフォルトでは、品質を十分に達成できる場合は、直接的なHTML/CSS/JavaScript、SVG/Canvas、および独自の制御可能なタイムラインを優先してください。適切なライブラリやエンジンは実際の必要性に応じて許可されます。メリットもなく事前にフレームワークを指定したり、依存関係をインストールしたりしないでください。

1. デフォルトの品質

生き生きとして、豊かで、細部まで作り込まれたアニメーションを作成してください。能動的なナレーション中はカメラが継続的に動きます: スムーズな加速と減速、つながりのある軌道、動機付けられた傾き、対角線、軽い回転、および被写体の周りを回り込む動き。遠近感のある奥行きと、前景、中景、背景の相対的な動きを見せてください。1つのリニアなズームではこれを代替できません。技術的なポーズや最終的な読み取り可能なフレームには、無意味な動きは必要ありません。

タイポグラフィはアクションに参加します: 表現力豊かな書体、形、文字、単語、スペースの可塑性。単なるキャプションの出現ではありません。オブジェクトには重さ、慣性、素材、光、接触、二次的な反応があります。長く止まったりカオス的にちらついたりすることなく、アクセントとサイズを変更してください。階層を通じて豊かさを維持し、環境全体を削除しないでください。

相対的な動きに基づくモーションブラーと、空間的/近接ショットにおける制御可能な被写界深度を使用してください。必要に応じて、カードや奥行きのあるシーンに放射状ブラーを追加してください。ただし、これはDOFやモーションブラーの代替にはなりません。読みやすさと認識しやすさを維持してください。デフォルトでは、リズム、アクション、スタイルに同期した、適切な音楽とサウンドデザインを、必須の生成ツールなしで作成してください。ブリーフが無音を要求する場合、サウンドはありません。無音の結果をサウンド付きと呼称しないでください。詳細: 動きとサウンド

定期的に、トランジション、カット、および重要なアクションを、実際の音楽/SFXの表現力豊かなアクセントに結びつけてください。これらは意味のある同期ポイントであり、すべてのビートでフレームを変更することが必須ではありません。

2. 実装前のリハーサル

完全な制作に入る前に、統一されたオリジナルのアイデア/スレッドと完全な動的なストーリーボードを開発してください。各シーンについて、3〜5つの実質的に異なる簡潔なクリエイティブオプションを提案し、全体を考慮して最強のものを選択してください。簡潔なオプション、選択されたソリューション、実用的なストーリーボードで十分です。内部の思考過程は必要ありません。

各ショットで、意味的なアクセント、構図とレイヤー、オブジェクトのアクション/変化、テキストとその動き、カメラ、ライト/フォーカス、前のシーンからの入り、次のシーンへの出、サウンドとリズムを記録してください。シーンは因果的にストーリーを展開させる必要があります。円、文字O、ポータルは単なる可能な手法であり、自動的に繰り返さないでください。統合されたアクションを形成する場合に限り、2〜3の手法を組み合わせることができます。コストのかかる制作の前に、主要な技術的または芸術的リスクをショートプローブで検証してください。詳細: ストーリーボード

3. 最初の制作後の必須イテレーション

最初の制作物はデフォルトでは内部の未完成なドラフトとみなし、すぐに最終版として提出しないでください。ビデオ全体、各シーン、トランジションを確認してください。サウンドがある場合は、音楽、SFX、フルミックスを聞いてください。意味、退屈な間、テンポ、カメラ、読みやすさ、形状、アーティファクト、つなぎ目、同期を確認してください。見つけた原因を修正し、変更箇所と全体を再確認してください。指示の存在または1つの成功したフレームに基づいて、検証済みのスキル効果を主張しないでください。

デフォルトでは、完成したMP4: 1920×1080, 60 fps, H.264, yuv420p, AAC オーディオを納品してください。ユーザーが無音を要求した場合は除きます。HTML/JSおよびその他の編集可能なソースファイルは追加で保存してください。4Kはリクエストに応じて。ブリーフの明示的なパラメータはデフォルトよりも優先されます。HTMLプレビューは完成したビデオの代わりにはなりません。

また、最終的なデコード済みエクスポート、その開始、終了、シーン境界、および技術的パラメータを確認してください。コード、コンタクトシート、フレームカウンターは、動き/サウンドの知覚の代わりにはなりません。必要なツールがない場合は、具体的な未検証のプロパティを正直に指摘し、利用可能な成果物を対応するステータスとともに提供し、その検証を通過したと呼称しないでください。重大な欠陥が修正され、ブリーフの基準が満たされた時点で終了してください。必須ではない好みの代替案を無限に作り直す必要はありません。詳細: レビューとエクスポート

追加モジュール — タスクに応じてのみ

  • ビデオまたは複数のリファレンス: 分析と組み合わせ
  • 一連の画像、キャラクター、アルファ: アイデンティティの維持
  • 既製の3Dモデル、マテリアル、ジョイント: 3Dリソース
  • 製品UIアニメーション、カーソル、状態: SaaS/UIモーション
  • 合意されたスタイルと検証済みのソース: レジストリ。選択された学習デモの6つの部分は、そのデモにのみ適用されます。他のビデオについては、そのブリーフに基づいて言語を選択してください。
  • チャンネルスタイル(M1lashのすべてのビデオに必須): スタイル
  • ナレーション付きドキュメンタリーロングフォーム(8〜15分、事実、ワードタイムライン): ロングフォーム
  • 長時間レンダリング、30 fps、GitHub Actionsでの並列チャンク: レンダーバジェット
  • ライセンスとクレジット付きの音楽のみ(チャンネルに必須): 音楽
  • タイトル、説明、チャプター、タグ、サムネイル: YouTubeパッケージング

長尺チャンネルビデオ(>3分)の場合、デフォルトのエクスポートは1920×1080、30 fps(レンダーバジェット参照)であり、60 fpsではありません。

関連スキル