WORLDVIEW SAAS
AI SaaS 產品單頁網站
打開線上示範在新分頁開啟
WORLDVIEW SAAS 是給 Claude Code、Codex 與 Cursor 使用的免費 AI Skill,可以做出帶 3D 地球的 SaaS 產品單頁。深空背景上一顆會發光的 3D 地球,可以用滑鼠拖著轉;往下捲,地球在產品、解決方案、價格、應用情境與聯絡之間移動與縮放,導覽列是一顆懸浮的液態玻璃膠囊,卡片全是毛玻璃。
包含內容
- 完整的 Vite 專案,含 Three.js 地球與 GSAP 捲動補間
- 線上示範網站,可以直接看成品
- 六個段落、手機選單與有欄位驗證的表單
適合
- SaaS 與 AI 產品團隊
- 網站接案者
- 想做產品首頁的創辦人
需要準備
- 產品名稱與一句定位
- 四到六項功能與各自一句說明
- 方案名稱與內容
- 聯絡方式
常見問題
複製後貼進 Claude Code、Codex 或 Cursor,或存成 SKILL.md 放進工具的 skills 資料夾。AI 會下載素材包、詢問缺少的資料,並在你的專案資料夾完成網站。Skill 的使用方式
是 Three.js 畫出來的 3D 地球,可以用滑鼠拖著轉,放開後會慢慢回到自轉。表面、雲層、城市燈光與邊緣光暈都是貼圖與材質設定,捲動時由 GSAP 把它搬到每個段落該在的位置與大小。
可以。提供品牌名稱與文案,再用自己的檔案替換素材包,檔名維持不變即可。Skill 也要求 AI 不得編造評論、獎項、地址或電話。
免費。註冊或登入後,就能在本頁複製。