Communitygithub.com

oso95/scroll-world

使用Higgsfield為任何行業或品牌打造沉浸式滾動「飛越世界」的登陸頁面。當訪客滾動時,預渲染的鏡頭會從每個場景外部飛入其內部,然後無縫流向下一個場景——一個連續不斷的飛行旅程(可選擇Emons風格的等距立體世界,或您指定的任何藝術方向)。此技能會與使用者訪談主題、故事章節及品牌元素,然後生成連貫的場景與無縫的鏡頭剪輯。

scroll-world 是什麼?

此技能「scroll-world」旨在協助開發者與創作者,透過Higgsfield平台,快速建立具備「滾動觸發」機制的沉浸式登陸頁面。其核心特色在於能生成一個預渲染的連續鏡頭,當使用者滾動頁面時,鏡頭會從一個場景的外部平順飛入內部,再無間斷地「飛」至下一個場景,營造出一氣呵成的視覺敘事體驗,特別適合展示產品、品牌故事或概念世界。它支援任何以HTML/CSS/JavaScript為基礎的前端專案,並可與Higgsfield的API或生成式AI工具整合。運作方式分為三階段:首先,技能會透過對話式訪談,收集使用者的主題(如行業、品牌)、故事章節(例如「介紹 → 問題 → 解決方案」)以及品牌色板、字體等品牌素材。接著,它會利用AI(推測是LLM結合圖像生成)自動規劃3D場景佈局與鏡頭路徑,生成連貫的「場景地圖」與相應的3D資產或視覺元素。最後,它會輸出可內嵌於網頁的程式碼片段(如使用Three.js或類似框架),這些程式碼會監聽滾動事件,並驅動預渲染的攝影機動畫,實現無縫的飛越效果。技能本身依賴Higgsfield的生態系統來處理複雜的3D渲染與AI生成,但最終產出的是標準化的前端程式碼,開發者可輕鬆自訂、部署,無需從頭撰寫複雜的3D動畫邏輯。總體而言,這是一個將AI敘事設計與前端開發橋接起來的實用工具。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add oso95/scroll-world

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

scroll-world 是做什麼的?

使用Higgsfield為任何行業或品牌打造沉浸式滾動「飛越世界」的登陸頁面。當訪客滾動時,預渲染的鏡頭會從每個場景外部飛入其內部,然後無縫流向下一個場景——一個連續不斷的飛行旅程(可選擇Emons風格的等距立體世界,或您指定的任何藝術方向)。此技能會與使用者訪談主題、故事章節及品牌元素,然後生成連貫的場景與無縫的鏡頭剪輯。

相關技能