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 不得編造評論、獎項、地址或電話。

免費。註冊或登入後,就能在本頁複製。