
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 一個具可運作產品 Hero 的開發者工具網站:沉穩置中標題下方是內容工作室,含條目、狀態標籤、篩選、搜尋與 API 測試區
- 功能 Bento、模型同步示範、快速入門 Tab、分支合併流程、安全性、客戶故事、價格與 FAQ,另有文件、更新日誌、驗證、聯絡、系統狀態與法務頁面
- 淺色與深色主題,以及為客戶故事、媒體庫與大頭貼生成的編輯風照片,全部內嵌於一個可離線使用的檔案
適合
- 正在推出 API、無頭 CMS、SDK 或基礎架構產品,希望產品透過可運作 UI 自我說明的團隊
- 需要與登陸頁風格一致的文件、更新日誌、價格、驗證與系統狀態頁面的開發者導向創辦人
- 想要一個用於 Demo 或上線的離線檔案,或把相同設計移植到既有框架專案的團隊
不適合
- 消費、生活風格或零售品牌:框線格狀、等寬字細節與程式碼 Tab 是說給開發者聽的
- 需要資料庫驅動 CMS 或真實部落格的團隊:內容以靜態資料存放在頁面中
- 即時註冊、計費或可用率監控:表單與狀態頁都是使用佔位資料的前端模擬
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page建立網頁模板骨架風格鎖定成果可編輯轉換導向淺色優先框線網格程式碼分頁扁平 UI 樣機綠色點綴等寬字裝飾
關於此 Skill

Contexa CMS 登陸頁會為開發者產品打造一個用可運作 UI 自我說明的行銷網站。它以淺色為主、接近中性色調並搭配單一綠色強調色,置於細框線格狀版面中,搭配緊湊的展示字體與等寬字細節。範例是虛構的無頭 CMS Contexa,並以其客戶工作區 Halvorne Travel 呈現。

你會得到
- Hero 中可點擊的內容工作室:附狀態標籤的條目、篩選標籤、具空狀態的搜尋,以及請求與回應面板
- 版面多變的登陸頁區塊:功能 Bento、模型到工作室的同步示範、框架快速入門 Tab、含合併流程的內容分支、安全性與系統狀態、客戶故事、附計費切換的價格、FAQ 與註冊
- 內頁:可搜尋的文件、更新日誌與產品路線圖、註冊、登入、聯絡業務、客戶故事、系統狀態、隱私權、條款與找不到頁面
- 淺色與深色主題、巨大淡化字標下的反色頁尾,以及一個可在任何瀏覽器開啟並離線使用的檔案

使用方式
- 分享你的產品名稱、一句話承諾、核心物件、支援的框架與方案;缺少的內容會先草擬並列出給你。
- 你的 Agent 會依你產品的物件重建工作室、改寫每個區塊與頁面,並生成相符的照片。
- 開啟檔案、切換淺色與深色、點過每個 Tab、表單與頁面,再用白話提出修改。

若有可用的圖像工具,照片會由你的 Agent 圖像工具產生,可能產生該工具的使用費用。範例中的所有客戶、人物與數字都是虛構的,會替換成你的真實資訊或清楚列出的佔位內容。
開始前需要準備什麼
- 你需要提供
- 產品名稱、一句話承諾與核心物件(條目、請求、工作或部署) · 支援的框架或 SDK、安裝指令,以及方案名稱與價格 · 你能確認的安全性事實、客戶與引言(選填;缺漏會變成列出的佔位內容)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內的圖像工具,用於編輯風照片(選用;沒有的話由你提供照片,或保留標示好的空位)
- 外部費用
- 客戶故事、媒體庫與大頭貼的照片會在可用時由 Agent 自己的圖像工具生成,可能產生該工具的使用費用。若沒有圖像工具,Agent 會使用你的照片或保留清楚標示的空位。其他部分都不使用付費服務。
- 最近實測
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









