vibe-motion/skills

agent skills for vibe motion

何を解決するか

このプロジェクトは、AIエージェント（例：Claude Code）に統合可能な「スキル」（モジュール式のアニメーションおよびレンダリングツール）のコレクションを提供し、高品質なビジュアルエフェクト、モーショングラフィックス、プログラム制御アニメーションの自動生成を可能にします。テキストベースのAIプロンプトとプロフェッショナルなビデオ/SVG/HTMLレンダリングの間のギャップを埋めます。

仕組み

ユーザーはインタラクティブスクリプト（npx skills add vibe-motion/skills）経由でこれらのスキルをインストールします。インストール後、AIエージェントはユーザーのリクエストに基づいて特定のビジュアル出力を生成するためにこれらのツールをトリガーできます。このライブラリには、さまざまな専門的なレンダラーが含まれています：

動画・モーション： Remotionを使用したブランドローンチ動画、3Dティッカー、レコードプレイヤー、金融キャンドルスティックチャート用のツール。
ベクター・SVG： ピクセルベースのロゴをアニメーション可能なSVGに変換するツール（pixel2motion）。
3D・シミュレーション： Three.jsによる地球経路、3Dクラドニ粒子、p5.jsによるカーテンシミュレーション用レンダラー。
UI/UXアニメーション： タイピングエフェクト、定規プログレスバー、スポットライトリーブェール用のツール。

対象ユーザー

AI駆動のワークフローを通じて、複雑なプログラム制御アニメーションやブランドアセットを迅速に生成したいモーショングラフィックデザイナー、開発者、AIエージェントユーザー。

特徴

エージェント対応： Claude CodeなどのAIエージェントに追加することを特に設計されています。
多様なビジュアル： 3Dパーティクルシステムやグローバルフライトパスから、金融チャート、ブランドプロモーション動画までカバー。
SVG変換： 静的ロゴをアニメーション対応のベクター画像に変換する専用ワークフローを含みます。
アニメーション原則： コード駆動の動きにディズニーの12のアニメーション原則を適用するスキルを含み、より自然な動きを実現します。

vibe-motion/skills

何を解決するか

仕組み

対象ユーザー

特徴

関連