Communitygithub.com

sergeyramas/scroll-scrub-hero-skill

Claude Codeスキル:2枚のAI画像 → 7秒動画(lumalabs.aiまたはKling 3.0) → Next.jsでGSAPスクロールスクラブヒーロー

scroll-scrub-hero-skill とは?

このスキルは、Claude Code向けに設計されたツールで、2枚のAI生成画像から、LumaLabs AIまたはKling 3.0を使用して7秒間の動画を生成し、その動画をNext.jsプロジェクトに組み込んでGSAP(GreenSock Animation Platform)のスクロールスクラブ機能を備えたヒーローセクションを作成します。開発者はこのスキルを使うことで、画像生成、動画作成、フロントエンドアニメーション実装という一連のワークフローを効率化できます。対応プラットフォームはClaude Codeで、リポジトリはGitHub上で公開されています。このスキルは、動的なスクロール連動アニメーションを手軽に実装したいフロントエンド開発者やAIを活用したメディア制作に興味がある方に特に有用です。ソースコードはGitHubから入手可能で、「Awesome Skills」のデイリースキルハンターによって発見されました。

対応✓Claude Code~Codex CLI~Cursor
npx skills add sergeyramas/scroll-scrub-hero-skill

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

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

ドキュメント

scroll-scrub-hero-skill は何をしますか?

Claude Codeスキル:2枚のAI画像 → 7秒動画(lumalabs.aiまたはKling 3.0) → Next.jsでGSAPスクロールスクラブヒーロー

ソース:https://github.com/sergeyramas/scroll-scrub-hero-skill

「Awesome Skills」のデイリースキルハンターによって発見されました。

関連スキル