Loopwise SaaS 登陸頁v1.0.6
使用這個 Skill：建置網頁。
人氣上升
5.033 次下載0 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼？為協作或專案管理產品打造沉穩、明亮的行銷網站，讓產品本身成為 Hero。置中的兩行標題下方是一塊可切換為時間軸與清單的即時專案看板，接著是可操作的工作流程面板、功能 bento、報表、客戶故事、安全性、定價、FAQ 與文章。另含方案比較、部落格、更新日誌、關於我們、聯絡、登入、註冊與法律頁面，並提供完整的深色主題。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 完整的 SaaS 網站：首頁加上方案比較、含七篇完整文章的部落格、更新日誌、關於我們與職缺、聯絡、登入、註冊、重設密碼、法律與 404 頁面
- 以程式碼繪製、會即時反應的產品 UI：看板、時間軸與清單檢視、篩選標籤、依賴關係示範、摘要區間切換，以及可復原的風險重新平衡
- Loopwise 風格：白色底搭配柔和的天藍、薄荷與蜜桃色暈染、細緻顆粒、石板灰字體與單一藍色強調色，全部收在一個離線檔案中
適合
- 推出專案管理、協作或生產力產品、需要快速擁有可信網站的團隊
- 能把看板、摘要與風險列改成自家物件名稱的客服系統、CRM 與開發者工具廠商
- 希望部落格、更新日誌與比較頁從一開始就和首頁風格一致的行銷人員
不適合
- 以內容管理系統驅動或多語系的網站；文章與更新日誌條目都是頁面中的靜態內容
- 預設就想要深色或張揚風格的品牌；Loopwise 以淺色為主，深色為選項
- 真實註冊：驗證與聯絡表單只會在頁面上驗證並確認，需要你自己的後端
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page建立網頁模板骨架風格鎖定成果可編輯轉換導向Dashboard Hero淺色優先圓角卡片跑馬燈動效雜訊顆粒質感粉彩漸層渲染
關於此 Skill
描述你的產品，就能拿到一個沉穩、明亮、以產品為 Hero 的行銷網站：置中的兩行標題位於玻璃框中的即時專案看板上方。訪客需要的每條路徑，從比較方案、閱讀文章到註冊，都能實際運作，整個網站以一個檔案交付，任何瀏覽器都能離線開啟。
你會得到
- 可切換為時間軸與清單的 Hero 看板、客戶字標跑馬燈，以及附圖示分頁與可操作面板的工作流程輪播
- 六格功能 bento、附摘要圖表與風險重新平衡的報表列、客戶故事與使用者評價拼貼牆
- 安全性與整合、可切換月繳／年繳的定價、FAQ 與一排文章
- 方案比較、部落格與文章、更新日誌、關於我們與職缺、聯絡、登入、註冊、重設密碼、法律與 404 頁面
- 可運作的深色主題，字體與照片皆已內嵌，頁面不發出任何網路請求
使用方式
- 提供這個 Skill 你的產品名稱、承諾、它管理的物件、核心功能、定價方案與主要行動呼籲。
- 它會圍繞你的物件重建看板、面板與摘要，草擬缺少的內容並列出讓你確認。
- 以淺色與深色模式開啟檔案，逐一點擊每個分頁、表單與頁面，並用平常的話提出修改。
新照片由你的 Agent 的圖像工具生成，該工具可能有自己的使用費用。
開始前需要準備什麼
- 你需要提供
- 產品名稱、一句話承諾，以及它管理的物件（任務、專案、文件、需求單） · 四到六項核心功能，以及你能確認的整合與安全性事實 · 定價方案與限制、主要行動呼籲，以及關於我們頁的公司資訊
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 內的圖像工具，用於客戶故事、團隊與人像照片；如果你自備照片則為選用
- 外部費用
- 你沒有提供的照片會用你的 Agent 自己的圖像工具生成，可能產生該工具的使用費用。產品 UI 以程式碼打造，完成的頁面不發出任何網路請求。檢視範例不需任何費用。
- 最近實測
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…