
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 完整的開發工具網站,打包成單一自含、可離線開啟的 HTML 檔案:首頁、文件、更新日誌、下載、安全性、客戶案例、註冊、登入、聯絡、法律頁面與 404
- 真正可操作的產品介面:可執行與重播的流程畫布、可點擊節點、觸發器開關、可調整的重試策略、可篩選的執行紀錄、可切換區間的圖表與即時日誌追蹤
- 深色優先的中性灰搭配單一青色強調色、完整淺色主題,內嵌 Hanken Grotesk 與 JetBrains Mono,照片只用於客戶案例、執行器與頭像
適合
- 要推出桌面 App、CLI、自動化平台或開源開發工具,想要一個可信的深色網站又不想自己做設計的團隊
- 優勢用展示比用描述更清楚的產品,例如執行、重試、日誌與本機執行
- 想立即擁有獨立網站,或把相同設計移植到自己的 Next.js、React、Vue、Svelte 或 Astro 專案的開發者
不適合
- 需要淺色優先風格的品牌:淺色主題雖然完整,但設計是以深色為主打造
- 需要開箱即用的 CMS 驅動或多語系網站的團隊
- 期待真實客戶 Logo 或媒體報導的人:所有品牌、人物、引言與數字在你替換前都是虛構的
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page建立網頁模板骨架風格鎖定成果可編輯分步人工確認青色點綴深色優先圖表面板節點畫布 Hero顆粒質感
關於此 Skill

描述你的開發工具,就能拿到一個沉穩、深色優先的產品網站,讓產品自己說明自己:低調的兩行標題下方,是一個會執行、重試失敗步驟並串流日誌的流程畫布。成品是單一自含檔案,任何瀏覽器都能開啟,也能離線使用。

你會得到
- 一個登陸頁,包含分頁式流程瀏覽器、步驟庫側欄、可觀測性圖表、本機優先架構圖、流程即程式碼區塊、客戶案例、附比較表的定價、FAQ 與分作業系統的安裝區塊
- 文件、更新日誌、下載、安全性、客戶案例、註冊、登入、聯絡、隱私權、服務條款與 404 頁面
- 互動式產品面板:觸發器開關、可調整並模擬的重試策略、可篩選與搜尋的執行紀錄,以及即時日誌追蹤
- 近黑灰階搭配單一青色強調色、柔和光暈與細緻顆粒,另有完整的淺色主題
- 在你自己的專案中,以你的技術堆疊將同一套設計建成元件與路由

使用方式
- 提供產品名稱、流程在你產品中的意義、觸發器類型、執行環境、安裝方式、方案與行動呼籲
- 它會依照你自己的步驟與指令重建畫布、瀏覽器與文件,並列出所有它不得不先草擬的客戶、價格或安全性細節
- 在瀏覽器中開啟成品檔案,用一般說法提出修改,例如改成三種定價方案或換掉瀏覽器分頁

客戶與頭像照片由你的 Agent 圖像工具生成,可能產生該工具的使用費用。字型與圖片都會嵌入成品檔案中。
開始前需要準備什麼
- 你需要提供
- 產品名稱、一句話承諾、流程在你產品中的意義,以及執行環境 · 觸發器類型、執行環境或整合、安裝方式、方案與價格,以及 CTA(下載、註冊、試用或 star)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · 選用:Agent 中的圖像生成工具,用於客戶案例、執行器與頭像照片
- 外部費用
- 客戶案例、執行器畫面與頭像的照片由你的 Agent 自有圖像工具生成,可能產生該工具的使用費用。若沒有圖像工具,則會使用你自己的照片或清楚標示的圖片欄位。
- 最近實測
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









