前言¶
個人工作臺往往散落在 Notion、表格和一堆書籤裏；想給別人一套同款界面，又要重複搭導航、配色和本地存儲邏輯。自己寫單頁應用能解決問題，但每次換領域都要改文案和默認數據，維護成本不低。下面介紹 SkillHub 上的「個人工作臺生成器」：在 Agent 裏按規格生成或交付一份毛玻璃風格的單文件 HTML，可直接雙擊打開或掛到靜態託管。
這是什麼¶
個人工作臺生成器（座標 @user_86156485/workbench-generator，版本 1.0.0）由社區發佈者 user_86156485 維護，來源爲 community，分類爲 ai-agent，標籤標明 requires_api_key=false。
它面向「想把個人工作臺封裝或生成成可複用單文件網頁」的場景：左側縱向導航、7 個功能頁、本地 localStorage、右下角「今日總覽」懸浮入口，純前端無額外依賴。官方簡介強調參數化生成腳本與現成模板，適合內容創作者、自媒體運營和知識工作者做個性化面板。
- SkillHub 頁面：https://www.skillhub.cn/skills/user_86156485/workbench-generator
- 官方 API 入口：https://api.skillhub.cn/user_86156485/workbench-generator
（SkillHub 頁面統計截至資料抓取：評分 100000，下載 3345 次。）
核心功能¶
雙模式交付¶
Skill 在 SKILL.md 中定義兩種模式，可按用戶表述選用：
- 生成器模式：收集領域、關鍵詞、風格與提示詞，以
assets/template/index.html爲基線，改頂部CONFIG與頁面示例文案，輸出定製工作臺。適合「只要這個領域，直接生成」。 - 模板庫模式：原樣交付
assets/template/index.html，由使用者自行改CONFIG與文案。適合「給我模板，我自己改」。
判定示例：用戶說「只要我這個領域直接生成」走生成器；說「給我模板我自己改」走模板庫。
頁面與視覺¶
工作臺規格寫在 references/workbench-spec.md，默認 7 個菜單依次爲：每日計劃、項目、靈感記錄、爆款選題、AI 學習、審美學習、心理學學習。視覺規範見 references/design-guide.md；外部數據一律按 references/data-source-guide.md 的「模擬數據框架 + 預留接口」處理，通用模板不寫平臺密鑰或真實 endpoint。
配套資產¶
assets/template/index.html：乾淨單文件模板（含CONFIG）assets/examples/ercheng-taotao/：已填好 CONFIG 的示例成品，可雙擊瀏覽器打開參考scripts/build_workbench.cjs：用命令行參數填充CONFIG並輸出 HTML
安全邊界¶
Skill 要求生成物中不得寫入真實賬號憑證、API key、私有鏈接或未經授權的個人敏感信息；用戶提供的領域信息只進入 CONFIG 與示例文案，不寫入外部連接。
安裝與啓用¶
通過 SkillHub CLI¶
先確認本機是否已有 skillhub（安裝方式見 SkillHub 安裝文檔）：
command -v skillhub && skillhub --version
安裝本 Skill 時必須用 --dir 指向當前 Agent 的 skills 目錄，否則默認落在 ./skills/ 可能不會被識別。常用路徑示例：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或項目下的.agents/skills/
安裝命令（座標含 namespace）：
skillhub install workbench-generator --namespace user_86156485 --dir ~/.cursor/skills/
將 ~/.cursor/skills/ 換成你實際使用的 skills 目錄即可。安裝後按所用客戶端要求重啓或刷新 Agent，使 Skill 生效。
通過對話讓 AI 安裝¶
SkillHub 頁面提供的提示詞爲：請根據 https://skillhub.cn/install/skillhub.md，安裝 @user_86156485/workbench-generator。
典型用法¶
在 Agent 裏觸發¶
當用戶表達「做一個我的工作臺」「封裝工作臺」「生成個人工作臺模板」「把我的工作臺做成 skill」等意圖時，Agent 應按 SKILL.md 工作流程操作：讀取 references/ 下規格與設計文檔 → 複製 assets/template/index.html → 按模式改 CONFIG 或原樣交付 → 可選運行構建腳本。
生成器模式需向用戶收集領域、風格、關鍵詞等，並替換頁面示例內容，同時保持 7 頁結構與毛玻璃風格不變。
命令行參數化生成¶
在不經過對話、僅需批量改品牌與默認任務/項目時，可在 Skill 目錄下執行：
node scripts/build_workbench.cjs \
--brand "我的工作臺" \
--field "AI × 心理學" \
--accent "#7aa2ff" \
--tasks "寫文章,發朋友圈,做小程序" \
--projects "項目A,項目B" \
--out my.html
腳本只修改模板頂部 CONFIG 中的字符串與數組字段，未傳參數則保留模板默認值，輸出文件默認爲 workbench.html。
本地使用與部署¶
生成的單文件 HTML 可直接雙擊在瀏覽器打開；也可部署到靜態託管（Skill 文檔中以 CloudStudio 爲例），便於手機訪問或添加桌面圖標（PWA）。
適用場景與注意¶
適合誰：需要可分發、可二次改版的個人效率面板；希望用固定信息架構（7 頁）快速落地，而不是從零寫前端的人。
限制與注意：
- 爆款選題、AI 日報等涉及外部平臺的能力在通用模板中爲模擬數據 + 預留接口，真實抓取需使用者自行接入並遵守平臺規則。
- 分發前請把示例中的品牌名、任務與項目改成自己的；Skill 明確禁止在產物中夾帶密鑰或私有鏈接。
- 安裝時務必指定正確的
--dir，並與客戶端 skills 路徑一致。
結尾¶
個人工作臺生成器把「規格文檔 + 單文件模板 + 雙模式流程 + 可選構建腳本」打包成 Agent Skill，降低重複搭 UI 和本地存儲的成本。需要查看詳情或安裝時，可打開 SkillHub 頁面：https://www.skillhub.cn/skills/user_86156485/workbench-generator 。
