
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 一個可離線開啟的單一自含 HTML 檔,收錄完整產品網站:首頁加上價格、客戶故事、更新日誌、關於、聯絡、登入、註冊、隱私權、服務條款與 404
- 以即時面板打造的產品介面:看板、清單與時間軸檢視、能分類與規劃並支援復原的助理、週行事曆、燃盡圖與整合開關
- 沙色中性色調搭配專屬於助理的一抹鈷藍、可實際運作的深色主題、內嵌字型,照片只用於客戶故事、創辦人、團隊與頭像
適合
- 推出任務管理、規劃、排程或 AI 助理產品,想要不花設計功夫就擁有可信網站的團隊
- 比起描述更適合直接展示、要讓訪客看見助理實際運作的產品
- 想立即擁有獨立網站,或把相同設計移植到自己的 Next.js、React、Vue、Svelte 或 Astro 專案的開發者
不適合
- 需要開箱即用的 CMS 驅動或多語系網站的團隊
- 期待真實客戶 Logo 或圖庫照片的人:在你替換之前,所有品牌、人物與引言都是虛構的
- 可運作的應用程式或後端:註冊、登入與聯絡表單只會在頁面上顯示確認,需要你自己的服務才能真正運作
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page建立網頁模板骨架風格鎖定成果可編輯轉換導向淺色優先斜線陰影點綴細線網格框看板 Hero沙色中性緊排字體
關於此 Skill

描述你的 AI 或生產力產品,就能拿到一個完整的行銷網站:以細線與斜線陰影框起的沙色中性頁面,並用即時看板而非截圖來展示你的產品。網站以單一自含檔案交付,可在任何瀏覽器中開啟並離線使用。

你會得到
- 首頁包含功能分頁、排程展示、規劃時間軸、客戶故事、使用者推薦、安全性、價格、FAQ 與註冊區塊
- 附計費週期切換、席次計算器與方案比較的價格頁,另有客戶故事、更新日誌、關於、聯絡、登入、註冊、隱私權、服務條款與 404 頁面
- 具備看板、清單與時間軸檢視的產品視窗,以及能分類請求、規劃一天行程並支援復原的助理
- 細線框、斜線陰影點綴、專屬於助理的一抹鈷藍色,以及完整的深色主題
- 若有需要,也能把同一套設計做成你自己技術架構中的元件與路由

使用方式
- 提供產品名稱、核心承諾、助理能做什麼、提供哪些檢視、你的方案以及 CTA
- 它會用你的用語,圍繞一個範例工作區重建看板、行事曆與時間軸,並列出它草擬的任何客戶、數據或安全性聲明
- 在瀏覽器中開啟完成的檔案,用白話提出修改,例如改成兩個價格方案,或讓 Hero 一開始就顯示時間軸

照片由 AI 助理的生圖工具生成,可能產生該工具的使用費用。字型與圖片都內嵌在完成的檔案中。
開始前需要準備什麼
- 你需要提供
- 產品名稱、一句話核心承諾、助理的名稱,以及它負責的三項工作 · 方案與限制、你能確認的安全性事實,以及 CTA(註冊、候補名單或預約展示)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · 選用:Agent 具備生圖工具,用於客戶故事、創辦人、團隊與頭像照片
- 外部費用
- 客戶故事、創辦人、團隊與頭像的照片由 Agent 自己的生圖工具生成,可能產生該工具的使用費用。內附的人像與中性細節照可以保留作為佔位圖。
- 最近實測
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









