VM

vibe-motion/skills

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

1501 stars 品質 63 トレンド 60

Vibe Motionのためのエージェントスキル

概要

ヒント:これはインタラクティブなインストールスクリプトです。インストールしたいスキルはスペースで選択してください。すべてインストールすることを推奨します。また、対応するエージェント(例えばClaude Code)も選択することを忘れないでください。エージェントによってスキルの保存パスが異なります。 PNG/JPG/WebP/スクリーンショットからロゴを滑らかで複雑さの低い実用的なSVGに変換し、ブランドロゴの動き、インタラクティブなHTML表示、GIF/動画プレビュー、モーションQA証拠を生成します。ロゴアニメーション、SVGロゴ公開、ブランドアニメーション配信、ピクセル画像からベクターアニメーションへのワークフローに適しています。 会社の公式ウェブサイト、公式ブランドプロフィール、またはユーザーがアップロードした商品画像から、15〜30秒のテンポの速く視覚的に魅力的で滑らかなブランドおよび製品のプロモーション動画を作成します。スキルはまずロゴ、フォント、色、画像、商品情報を検証し、その後ナラティブ、フレームごとのタイムライン、実際の製品デモンストレーションをデザインします。デフォルトは英語で16:9、15秒で、ユーザー定義の長さとフレームサイズもサポートしています。 AI/SaaSリリース動画、公式ウェブサイトのアニメーション動画、消費者ブランド広告、物理的な製品プロモーション、サービスや企業コンセプト動画に適しています。テンプレートではなく、実際の資料を用いて製品の特徴、使用シナリオ、インタラクションプロセス、結果を強調することに焦点を当てています。 Remotionプロジェクトでは、Yahoo Financeのデータ取得、Canvasのフレームごとの描画、ダークトレーディング端末のスタイル、タイムラインデザイン、Studioのプレビューやレンダリング出力などをカバーするアニメーションの金融ローソク足チャートを作成しましょう。 HTMLで、揺れるスポットライトがテキストを掃くリビールアニメーションを生成し、テキスト、振幅、シェードのスケーリング、グロー、背景色を設定できます。 PNG、JPEG、またはWebP画像と任意のテキストをインタラクティブなp5.jsカーテンシミュレーションに織り込むことができます。生地素材座標でのパターンベイクは、個々の糸で伸び、折りたたみ、展開します。リアルタイム物理パラメータパネルを備えたオフラインHTMLカタログとして出力されます。 このコードエンジンは、ジェイソン・ラベの『ダイナミックロープ2』をCC BY-SA 4.0のライセンスで移植したものです。

概要(AI 翻訳)

[!重要] このプロジェクトは今後維持されません。motionface.cc をご覧ください。

中国語簡体字 |英語

設置

ヒント:これはインタラクティブなインストールスクリプトです。インストールしたいスキルを選択するスペースを使ってください。すべてをインストールすることが推奨されます。また、対応するエージェント(例えばClaude Code)も選択することを忘れないでください。エージェントによってスキルは異なるパスに保存されます。

利用可能なスキル

定規-進行-レンダリング

支配者の進行アニメーションを生成します。トリガーキーワード:支配者の進行アニメーション;テキストや進行状況などのパラメータを設定できます。

クロードタイパー

Claude CodeのCLIスタイル形式でタイピングアニメーションをデモンストレーションします。

魚眼運動

画面風の魚眼歪み効果(バレル歪み+モアレ+ビネット)を作成し、『プッシュレンズフォーカス+黄色マーカースライドイン』のリモーション動画を任意の画像に使えます。スキルガイドは魚眼モーションプロジェクトをクローンし、必要に応じてレンダリングパラメータを調整します。

手続き型魚のレンダリング

円形の泳ぎ手続き型魚のアニメーションを生成します。

ピクセル2モーション

PNG/JPG/WebP/スクリーンショットからロゴを滑らかで複雑さの低い実用的なSVGに変換し、ブランドロゴの動き、インタラクティブなHTML表示、GIF/動画プレビュー、モーションQA証拠を生成します。ロゴアニメーション、SVGロゴ公開、ブランドアニメーション配信、ピクセル画像からベクターアニメーションへのワークフローに適しています。

ブランドローンチビデオスター

会社の公式ウェブサイト、公式ブランドプロフィール、またはユーザーがアップロードした商品画像から、15〜30秒のテンポの速く視覚的に魅力的で滑らかなブランドおよび製品のプロモーション動画を作成します。スキルはまずロゴ、フォント、色、画像、商品情報を検証し、その後ナラティブ、フレームごとのタイムライン、実際の製品デモンストレーションをデザインします。デフォルトは英語で16:9、15秒で、ユーザー定義の長さとフレームサイズもサポートしています。

AI/SaaSリリース動画、公式ウェブサイトのアニメーション動画、消費者ブランド広告、物理的な製品プロモーション、サービスや企業コンセプト動画に適しています。テンプレートではなく、実際の資料を用いて製品の特徴、使用シナリオ、インタラクションプロセス、結果を強調することに焦点を当てています。

インストール後は、次のように直接使用できます:

バーガーキング — フレイムシフト

Moonshot AI — Product Hypercut

リモーション・キャンドルスティック

Remotionプロジェクトでは、Yahoo Financeのデータ取得、Canvasのフレームごとの描画、ダークトレーディング端末のスタイル、タイムラインデザイン、Studioのプレビューやレンダリング出力などをカバーするアニメーションの金融ローソク足チャートを作成しましょう。

ライト-スポットライト-レンダリング

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add vibe-motion/skills
MCP 初心者?mcpskill.org のガイドから始めましょう →