Scroll World 把品牌做成可捲動世界
scroll-world 是一套給 Claude Code、Codex 與其他支援 SKILL.md Agent 使用的開源 Skill，目標是把品牌故事做成可捲動探索的微縮世界。它先用 Higgsfield 的 GPT Image 2 產生等角視角場景，再以 Seedance 2.0 製作場景內運鏡及銜接片段，最後交給 vanilla JavaScript 引擎，將頁面捲動位置映射到影片時間。換句話說，它看起來像即時 3D 網站，實際核心是預先生成的影片、逐格銜接與 scroll scrubbing，能完成從需求訪談、素材生成到 Landing Page 組裝的一整套流程。
現實應用
最適合觀光園區、房地產、餐飲產地、物流流程、製造業、校園導覽，以及需要解釋多階段服務的品牌。設計工作室可以拿它快速做提案原型；行銷團隊則能把原本平面的品牌故事，改成一段由使用者控制節奏的互動旅程。它不綁框架，產出的引擎可放進純 HTML、Next.js、Vue 或 Python 網站。
不過這不是一般內容網站的萬用模板。影片資產較重、資訊密度有限，也不利於頻繁更新；比較合理的定位是首頁 Hero、活動頁或高單價服務的形象專案。
期望評估
低標方面，我認為至少可以得到一套視覺方向一致、能跟著捲動播放的互動原型，省下手動撰寫 prompts、切影片與處理場景接縫的時間。即使生成結果不夠精緻，也足以拿來驗證提案與敘事順序。
高標方面，我猜在品牌素材完整、願意重抽幾輪影片並做手機 QA 的情況下，可以做出接近數位廣告公司客製作品的形象頁。限制是生成式影片仍可能出現物件漂移、運鏡收尾不乾淨或審查誤判，不能把「一次生成」當成交付保證。
商業策略分析
最直接受影響的是互動網頁工作室、動態設計師與低價 Landing Page 服務。它把過去需要 motion designer、前端工程師共同處理的流程，包成 Agent 可執行的標準作業，但真正有價值的部分仍是品牌策略、故事節奏、素材挑選與跨裝置驗收。
我認為值得設計公司與品牌端跟進，但應把它視為製作加速器，而不是取代專業團隊。商業機會反而可能出現在「固定流程＋人工精修」的產品化服務：快速做出第一版，再針對接縫、文案、效能與轉換率收費。
實作細節
Claude Code 可執行：
/plugin marketplace add oso95/scroll-world
/plugin install scroll-world@scroll-world
Codex 可用 npx skills add oso95/scroll-world -a codex 安裝，再以 $scroll-world 呼叫。環境還需要已登入且有 credits 的 Higgsfield CLI，以及 ffmpeg／ffprobe；透明背景處理才需要 Python 3 與 Pillow。
官方估算 N 個場景約需 N 次圖片生成及 2N−1 次影片生成。已知問題包括偶發 HTTP 503、複雜運鏡需要重抽、Seedance 內容過濾，以及手機解碼效能。Mobile 目前仍標為 beta，低階手機可能卡頓，直向畫面也會裁切原本 16:9 的中央區域；iOS Safari、影片 seek 與場景接縫都必須實機檢查。