
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 單一自含網站檔案,任何瀏覽器都能開啟並離線使用,字型與圖片皆已內建;若你有自己的框架專案,則會移植進去。
- 含看板、燃起圖與路線圖檢視的即時產品視窗,以及可運作的 Bento、週期 Tab、命令列/Git/API 工作流程 Tab,和附計費切換的定價。
- 定價比較、更新日誌、登入、註冊、預約示範、安全性、客戶案例、公司與法務頁面,並具備完整的深色主題。
適合
- 要推出議題追蹤、規劃工具或其他 B2B 開發者產品的團隊。
- 能把自身狀態對應到看板、燃起圖與路線圖檢視的事故管理、CI 或部署工具。
- 銷售對象是技術型買家、對方期待看到評估路徑、安全性資訊與比較表的產品。
不適合
- 真實帳號、登入或表單寄送;表單只會驗證欄位並誠實顯示示範結果。
- 需要內容管理系統或開箱即用多語系的網站。
- 展示你無法確認的真實客戶 Logo 或宣稱;沒有真實客戶時,跑馬燈與引言會被移除。
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page建立網頁模板骨架風格鎖定成果可編輯轉換導向Bento 網格圓角漸層卡片沙色與薄荷區塊緊排標題即時產品視窗 Hero
關於此 Skill

Tracklane 開發者工具登陸頁會為開發者工具打造一個像成熟公司官網的行銷網站:暖沙色底搭配薄荷綠區段色帶、近黑色文字、緊湊標題,以及右側放著即時產品視窗的沉穩分欄 Hero。範例是 Tracklane——一款虛構的週期規劃議題追蹤工具,包含完整首頁,以及定價、更新日誌、登入、註冊、預約示範、安全性、客戶案例、公司與法務頁面。

你會得到
- 一個自含的網站檔案,任何瀏覽器都能開啟、離線可用,字型與圖片都已內嵌。如果你已經有框架專案,則會把相同結構移植進去。
- 依你自己的資料物件繪製的產品視窗,包含看板、燃起圖與路線圖三種檢視,會自動輪播切換一次,還有一張在推送分支時會移動的卡片。
- 可實際運作的首頁區段:會跳動計數的數據卡、含分流佇列與議題討論串的五格 Bento、週期 Tab、涵蓋命令列、Git 與 API 並可複製的開發者工作流程 Tab、評估路徑、安全性、客戶引言、附計費切換的定價,以及 FAQ。
- 各內頁:定價比較表、可篩選與搜尋的更新日誌、支援單一登入查詢的登入頁、註冊、預約示範、客戶案例、含職缺的公司頁、隱私權、服務條款與 404 頁面。
- 完整的深色主題,以及尊重「減少動態效果」設定的沉穩動畫。

使用方式
- 提供你的產品名稱與一句話承諾、它管理的工作物件、五項能力、它如何與 Git、命令列和 API 整合、安全性資訊、定價方案,以及主要的行動呼籲。缺少的資訊會先擬成合理的佔位內容,並列出來讓你確認。
- 告訴 Agent 哪三種檢視最能展現你的產品,例如用事故、部署或工單取代議題。
- 在桌機與手機上以淺色和深色模式開啟每一頁,試用產品視窗、Bento、Tab 與表單,再提出修改。

字體使用 Inter Tight、Inter 與 Geist Mono,並內嵌在檔案中。客戶與團隊照片由你 Agent 自己的生圖工具產生,可能會產生該工具的使用費用;產品畫面一律以程式繪製,絕不使用生成的截圖。
開始前需要準備什麼
- 你需要提供
- 產品名稱、一句話承諾,以及它管理的工作物件 · 產品能力、開發者工作流程、安全性資訊、定價方案與主要的行動呼籲 · 可使用的客戶引言與數據,或同意先擬佔位內容供你確認
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 具備生圖工具,或提供你自己的照片,用於客戶與團隊照片
- 外部費用
- 客戶人像、案例照片與團隊照片由你 Agent 自己的生圖工具產生,可能會收取使用費用。若沒有生圖工具,可提供自己的照片,或移除引言與案例區段;產品視窗不需要任何圖片。瀏覽範例完全免費。
- 最近實測
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…








