scroll-world

scroll-worldは、業界やブランド向けに、スクロールで操作する没入型の「世界を飛び回る」ランディングページを生成するエージェントスキル（Claude Code、Codex、その他のSKILL.md互換エージェント向け）です。訪問者がスクロールすると、カメラが各シーンの外側から内部へと飛び込み、カットなしで次のシーンへと続きます。生成された世界を貫く、途切れない一続きの飛行です。 インストール方法: - Claude Codeプラグイン: `/plugin marketplace add oso95/scroll-world` の後に `/plugin install scroll-world@scroll-world`。 - Skills CLI（Vercel）: `npx skills add oso95/scroll-world`。オプションで `-a codex` のようにエージェントを指定できます。 - 手動での導入: リポジトリをクローンし、`skills/scroll-world` を `~/.claude/skills/` または `~/.codex/skills/` にコピーします。 プロジェクトが挙げている要件: - APIキーと残高を設定したMonid CLI — デフォルトの動画チェーンバックエンド（Seedance 2.0、クリップごとの課金）。 - 認証済みでクレジットのあるHiggsfield CLI — シーンのスチル、kling3_0フォールバック、Monidがない場合のフルチェーンをレンダリングします。 - フレーム抽出とエンコード用のffmpeg / ffprobe。 - モバイル縦向きキャンバスとオプションの透過シーンノックアウト用のPillow付きPython 3。 - Codex CLI（オプション）— 内蔵のimage_genでシーンのスチルを生成し、HiggsfieldクレジットではなくChatGPTサブスクリプションに課金されます。 READMEに記載されたワークフロー: 1. インタビュー — 題材/業界とピッチ、ブランドキット（URLからインポート、提供、または提案）、アートディレクション、順序付けられたシーン、オプションのモバイル版（クロップではなくスマートフォン向けに構成された別の9:16縦向きチェーン）、およびレンダリングティアとスチルソースを含む予算を、生成前に推定クレジットコストとともに提示します。 2. アセット生成 — シーンごとに1枚のスチル、シーンごとに1本の「ダイブイン」カメラクリップ、および連続するシーンをつなぐコネクタークリップを、隣接シーンのレンダリング済みフレームから生成するため、継ぎ目はフレーム単位で一致します。モバイルを選択すると、独自の9:16レンダリングに対してフレーム固定された並行の縦向きチェーンをレンダリングします。 3. 配線 — 設定駆動のスクロールエンジンがチェーン全体を1回の飛行として再生し、スマートフォンでは縦向きクリップとポスターを自動的に配信します。 スキルフォルダにはSKILL.md（手順、継ぎ目のルール、注意点）と以下のリファレンスが含まれます: prompts.md（ヒアリングチェックリストとプロンプトテンプレート）、pipeline.md（generate → frames → connectors → encode のバッチスクリプト）、scrub-engine.js（blob-seek、遅延読み込み、継ぎ目のクロスフェードを備えたポータブルな設定駆動スクラブエンジン）、index-template.html（最小限のスタンドアロン実装ページ）、knockout.py（浮遊シーン用の背景ノックアウト）。 READMEは、このアプローチがフレームワーク非依存であると述べています。パイプライン、プロンプトテンプレート、バニラJSのスクラブエンジンは、プレーンHTML、Next.js、Vue、またはPythonで配信されるページにそのまま導入できます。また、アセット生成にはコストと時間がかかること（おおよそN回の画像生成と約2N-1回の動画生成、モバイルチェーンでは倍）、生成はバックグラウンドでポーリングしながら実行されること、推定合計は消費前に提示されることにも言及しています。生成された.mp4/.webpアセットはプロジェクトごとに生成され、リポジトリには含まれません。MITライセンスの下で提供されています。