前言¶
个人工作台往往散落在 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 。
