Communitygithub.com

sergeyramas/3d-animation-creator-skill

Claude Codeスキル:動画 → FFmpegフレーム → Appleスタイルのキャンバススクロールアニメーションウェブサイト

3d-animation-creator-skill とは?

このスキルは、動画ファイルを入力として受け取り、FFmpegを使用してフレームに分解し、Appleの製品ページで見られるような洗練されたスクロールベースのアニメーションを備えたウェブサイトを生成するClaude Code Skillです。出力は、Canvas要素を使用して動画フレームをスムーズに再生する、単一のセルフコンテインブルなHTMLファイルです。これにより、フルスタックのウェブ開発や手動フレーム抽出を必要とせず、プロフェッショナルなルック&フィールのインタラクティブなアニメーションを迅速に作成できます。このスキルは、Appleのマーケティングサイトに見られるような、スクロールに応答する高品質な3D風アニメーションを迅速にプロトタイピングしたい開発者、デザイナー、コンテンツクリエイターに特に役立ちます。主な依存関係はFFmpegで、動画ファイルを処理するためにシステムにインストールされている必要があります。

対応✓Claude Code~Codex CLI~Cursor
npx skills add sergeyramas/3d-animation-creator-skill

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

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

ドキュメント

3d-animation-creator-skill は何をしますか?

Claude Codeスキル:動画 → FFmpegフレーム → Appleスタイルのキャンバススクロールアニメーションウェブサイト

ソース: https://github.com/sergeyramas/3d-animation-creator-skill

Awesome Skillsの日次スキルハンターによって発見されました。

関連スキル