Opsdeck 後台管理套件v1.0.4
使用這個 Skill：建置網頁。
人氣上升
5.033 次下載1 個喜歡1 次收藏
$4.99
購買這個 Skill 可以得到什麼？沉穩的石板灰後台主控台，團隊可以直接拿來用：可收合側邊欄附工作區切換、指令面板與通知，以及 Overview、Revenue 與 Operations 看板，其 KPI 與圖表會跟著日期區間切換。表格真的能用，具備搜尋、分面篩選、排序、批次操作與詳細資料抽屜；設定、開發者、登入與錯誤頁都經過完整設計而非空殼。淺色與深色主題都很完整。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 收在單一獨立 HTML 檔案、可離線運作的完整後台主控台：三個看板、任務與成員表格、六個設定區塊、開發者頁面、驗證畫面與錯誤頁
- 每個看板四個 KPI，圖表支援滑鼠與鍵盤提示框，7D、30D、90D 與 12M 區間由同一組固定種子資料驅動，所有數字都保持一致
- 具備搜尋、分面篩選、排序、分頁、可復原的批次操作與可深層連結之詳細資料抽屜的表格；有需要時可移植到 Next.js、React、Vue、Svelte 或 Astro
適合
- 需要訂單、工單、預約或訂閱內部主控台，又不想從零設計的營運團隊
- 準備擬真後台展示或內部工具原型的創辦人與產品團隊
- 想要一套一致的框架，先換上品牌、之後再逐一把表格串接到自家 API 的開發者
不適合
- 期待附帶後端的人：每個畫面都使用本機範例資料，不含資料庫、驗證服務或 API
- 面向客戶的行銷網站或線上商店
- 需要開箱即用的 CMS 驅動或多語系產品的團隊
新品上市與 App 成長網頁設計與數位體驗建置網頁建立網頁模板骨架建置後台 Dashboard風格鎖定成果可編輯快速產出高密度資料表明暗一致側邊欄外殼石板灰中性數據卡片網格中性後台介面
關於此 Skill
告訴它你的團隊在營運什麼，就能得到一個沉穩的石板灰後台主控台，包含真實的看板、可運作的表格，以及經過設計的設定、開發者、登入與錯誤頁。整個主控台是單一獨立檔案，任何瀏覽器都能開啟，離線也能用。
你會得到
- 側邊欄框架，附工作區切換、指令面板、通知與行動版 Tab 列
- Overview、Revenue 與 Operations 看板，切換日期區間時數字與圖表會同步更新
- 具備搜尋、分面篩選、排序、分頁、可復原的批次操作與詳細資料抽屜的表格
- 六個設定區塊、API key、webhook、活動紀錄、登入、註冊、重設密碼與五個錯誤頁
- 完整的淺色與深色主題；有需要時，也能在你自己的技術堆疊中建構同一套主控台
使用方式
- 告訴它你的公司、團隊營運的內容、每個看板要優先呈現的四個數字，以及表格要存放的物件
- 它會替框架換上你的品牌，並用你自己的名詞、ID 與幣別為每個看板與表格填入擬真資料，同時列出所有它代為草擬的內容
- 在瀏覽器中打開完成的檔案，從頭到尾走過一個表格，再用日常語言要求新增檢視或重新命名畫面
團隊人像是唯一的照片；用你的 Agent 的生圖工具生成新的一組可能產生該工具的使用費用，否則改用姓名縮寫。
開始前需要準備什麼
- 你需要提供
- 公司與產品名稱，以及團隊營運的內容（訂單、工單、預約或訂閱） · 每個看板的四個主要數字、表格物件及其狀態，以及團隊與角色 · 選填：Logo、團隊人像與你使用的整合服務
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · 選用：Agent 內建的生圖工具，用於生成新的一組團隊人像
- 外部費用
- 只有團隊人像是照片。用你的 Agent 自帶的生圖工具生成新的一組可能產生該工具的使用費用；否則可用內附的九張虛構大頭照代替，或讓所有人都使用姓名縮寫。
- 最近實測
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…