Communitygithub.com

MustBeSimo/cinematic-scroll-skill

エージェントスキル:簡単な指示から、映画的なスクロール駆動型ウェブサイトを構築します。ビジュアルシステム、モーションストーリーボード、Vanilla/GSAPデモ、Next.jsリリースページテンプレートを作成します。

cinematic-scroll-skill とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)が、ユーザーから与えられた簡単な指示(ブリーフ)に基づいて、映画のような没入感のあるスクロール体験を提供するウェブサイトを構築するためのものです。特に、ビジュアルシステムの設計、アニメーションのストーリーボード作成、Vanilla JavaScriptまたはGSAP(GreenSock Animation Platform)を使用したプロトタイプデモの生成、そしてNext.jsフレームワーク向けのリリースページテンプレートの生成に焦点を当てています。このスキルは、フロントエンド開発者やデザイナーが、スクロールベースのインタラクションを迅速にプロトタイピングし、実際のプロジェクトに適用する際の強力な支援ツールとして機能します。ユーザーは、プロジェクトの雰囲気やアニメーションスタイルの意図を簡潔に伝えるだけで、エージェントがスキルに基づいて適切なコードと構造を提案・生成します。

対応~Claude Code~Codex CLI~Cursor
npx skills add MustBeSimo/cinematic-scroll-skill

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

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

ドキュメント

cinematic-scroll-skill は何をしますか?

エージェントスキル:簡単な指示から、映画的なスクロール駆動型ウェブサイトを構築します。ビジュアルシステム、モーションストーリーボード、Vanilla/GSAPデモ、Next.jsリリースページテンプレートを作成します。

関連スキル