
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 一個獨立網站檔案,任何瀏覽器都能開啟,也能離線使用,字體與圖片都已內嵌;如果你有專案,則在你自己的技術堆疊中建立。
- 會同步更新 Hero 帳本的可操作產品片段、附計費切換與用量估算器的定價布幕,以及具驗證功能的註冊與登入表單。
- 內頁包括可篩選與搜尋的更新日誌、文件快速入門、客戶故事、安全性、隱私權、條款與找不到頁面。
適合
- 以一句犀利主張推出開發者工具或 B2B 產品的獨立開發者與小型團隊。
- 能在 Hero 表格列出客戶、範疇與費用,並在布幕中銷售服務方案的代理商與服務業者。
- 正在經營候補名單、想在安靜頁面上放一個創始方案與註冊表單的創辦人。
不適合
- 真實帳號、付款或表單寄送;註冊與登入只會如實顯示示範結果。
- 想要繽紛色彩、漸層或圓角造型的活潑消費品牌;這套風格方正而克制。
- 打造 App 本身;這個 Skill 製作的是產品網站,不是 Dashboard 或後台畫面。
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page風格鎖定成果可編輯轉換導向暖色紙張深靛藍點綴帳簿編輯風直角布幕區塊
關於此 Skill

Indigo Ledger Landing 打造沉穩、可直接上線的產品網站,讓一句主張負責銷售:溫暖的米白頁面、緊湊的大標題搭配深靛藍子句、以斜線開頭的大寫導覽環繞手寫字標、編號帳本式區塊、直角設計,以及單一道近黑色的定價布幕。範例是 Penrule,一個為獨立 SaaS 打造的虛構用量計量與計費帳本。

你會得到
- 一個獨立網站檔案,任何瀏覽器都能開啟,也能離線使用,字體與圖片都已內嵌。如果你已有專案,則會改在你自己的技術堆疊中建立相同頁面。
- 訪客可以操作的產品片段:新增缺少的價格規則、核准或暫緩草稿發票,並看到 Hero 帳本即時同步更新。
- 編號區塊涵蓋運作方式、功能 bento、附數據的客戶故事、推薦語、比較表、安全性、FAQ、團隊與註冊。
- 近黑色定價布幕,附月繳/年繳切換,以及會推薦方案的用量估算器。
- 內頁包括可篩選與搜尋的更新日誌、文件快速入門、客戶故事、安全性、登入、隱私權、條款與找不到頁面,表單全面具備驗證。

使用方式
- 提供產品名稱、一句犀利主張、三步驟運作方式、方案與價格,以及可使用的客戶推薦語或數據。缺少的文案會先擬成合理的佔位內容,並列出讓你確認。
- 告訴 Agent 你的 Hero 表格要列出什麼,例如客戶、委託人或訂單,以及是否要依你的計價模式保留估算器。照片會以統一的北窗光風格生成,或直接移除照片位置。
- 在桌機與手機上開啟每個區塊與內頁,試用產品片段、定價與表單,並提出修改。

字體使用 Instrument Sans、Outfit、Caveat 與 Geist Mono,並內嵌於檔案中。照片由你的 Agent 自己的圖像工具生成,可能產生該工具的使用費用;沒有圖像工具時,頁面僅靠字體排版與產品畫面呈現。
開始前需要準備什麼
- 你需要提供
- 產品名稱、一句犀利主張,以及三步驟運作方式 · 附真實價格與限制的方案,以及 Hero 表格要顯示的紀錄 · 可使用的客戶推薦語與數據,或同意先擬佔位內容供你確認
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內用於人像與靜物的圖像工具(選用;沒有時會移除照片位置)
- 外部費用
- 人像、團隊照與靜物會用你的 Agent 自己的圖像工具生成,可能收取使用費用。沒有圖像工具時,照片位置會被移除,頁面改由字體排版與產品畫面呈現。檢視範例不需任何費用。
- 最近實測
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









