效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 為虛構工作空間分析 SaaS Corvane 完成的範例後台：七個檢視、48 個客戶帳戶、四欄路線圖看板、行事曆與設定。
- 真實的互動：Ctrl/Cmd K 指令面板、會更新 KPI 與圖表的日期區間、可排序並篩選的表格、批次操作與復原、記錄抽屜、對話框與可拖曳卡片。
- 你的後台會是一個內嵌 Geist 與 Geist Mono 字型及八張暫代團隊肖像的離線檔案，並附上 Agent 遵循的風格指南、檢視元件庫與檢查清單。
適合
- 需要一個可信的管理或後台介面，用於示範、規格文件或投資人簡報的創辦人與產品經理。
- 想要一套設計 token 一致的後台骨架，無論是單一檔案或放進自己技術堆疊的開發者。
- 受夠臃腫側邊欄、想要兩個群組、五到八個項目且每一個都能用的團隊。
不適合
- 正式上線的後端：每個檢視都以檔案內的範例資料運作，沒有 API、身分驗證或資料庫。
- 行銷網站或登陸頁；這是應用程式外殼，不是宣傳頁面。
- 會取代整體外觀的自訂品牌系統；近乎單色的風格是固定的，只提供 slate 與 tangerine 兩種預設。
新品上市與 App 成長網頁設計與數位體驗建置網頁建置後台 Dashboard風格鎖定成果可編輯快速產出極簡主義資料密集單色中性控制台語法
關於此 Skill
打造一個團隊拿來就能用的管理後台：沉穩、近乎單色的外框，色彩只留給資料；精簡的側邊欄中每個項目都會開啟真正的檢視；圖表與表格都會即時回應。範例是虛構的工作空間分析產品 Corvane。
你會得到
- 七個檢視：總覽、分析、財務、客戶、路線圖看板、行事曆與設定
- 每個項目都有對應路由的雙群組側邊欄、按 Ctrl 或 Cmd K 開啟的指令面板，以及 slate 或 tangerine 配色的淺色與深色模式
- 具備排序、篩選、搜尋、分頁、批次操作與復原的表格，另有記錄抽屜與對話框
- 可拖放的路線圖、附行程清單的月曆，以及會實際儲存的設定表單
- 字型與肖像皆已內嵌的單一檔案，可在任何瀏覽器離線開啟
使用方式
- 提供你的產品名稱、你關注的四項指標、你的團隊，以及表格、卡片與行程中要放的內容。
- 你的 Agent 會替換每個數字、資料列與行程，保持側邊欄精簡，並在兩種模式下檢查每個檢視。
- 開啟這個單一檔案，試試指令面板、拖曳一張卡片，再用日常用語提出修改需求。
單一檔案無法執行的動作（例如匯出或登出）會顯示清楚的提示，而不是假裝已完成。
開始前需要準備什麼
- 你需要提供
- 產品名稱，以及總覽中最重要的四項指標 · 你的團隊（四到八人），以及表格、看板卡片與行事曆行程中要放的內容 · 選填：真實數據、幣別與團隊照片；否則會為你草擬範例資料
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · 選用：Agent 內建的生圖工具，用於生成新的團隊肖像（也可使用內附肖像暫代）
- 外部費用
- 團隊肖像可以免費沿用內附的八張暫代圖。用你的 Agent 內建的生圖工具生成新的肖像，可能會產生該工具的使用費用。
- 最近實測
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…