← スキル一覧へ
🎞️
Scroll Craft スクロール演出サイト Skill
Claude Code で高品質なスクロール連動ランディングページを作るワークフローです。ブランドへのヒアリング、顧客導線、動画スクラブ、横移動、固有インタラクションを設計し、スクロール位置ごとの画面で検証します。
主な機能
- ブランドと導線のヒアリング
- スクロール時間軸と動画スクラブ
- 多様なインタラクション構成
- スクリーンショット検証
インストール
Claude Code で /plugin marketplace add nateherkai/scroll-craft、続けて /plugin install nateherk-design を実行します。案内が出た場合は /reload-plugins も実行します。
使い方
作りたいブランド体験を説明するか、/nateherk-design:scroll-craft を実行します。雰囲気、導線、感情曲線、記憶に残す瞬間、既存素材を確認してから制作と検証に進みます。
必要条件
Claude Code、Node.js 18+、完全版 ffmpeg、ビルドフォルダ内の playwright-core と Chrome が必要です。kie.ai で素材生成する場合のみ KIE_AI_API_KEY が必要で、手持ち素材だけなら不要です。
関連スキル