个人工作台生成器
用途
把一套"个人专属工作台"封装成可复用的单文件 HTML 网页:左侧纵向导航、7 大功能页面、毛玻璃拟态风格、本地存储、今日总览悬浮。别人可以一键拿到,也能改成自己的领域。
何时使用
- 用户想为自己或他人生成一套个人工作台网页
- 用户想把现有的工作台、提示词、风格封装成可分发成品
- 用户说"做一个我的工作台""封装成 skill""给别人一个工作台模板"
两种交付模式(任君挑选)
- 生成器模式:向用户收集领域 / 关键词 / 风格 / 提示词,复用
assets/template/index.html,修改顶部CONFIG与页面示例文案,输出定制化工作台。适用于"我只要这个领域,直接生成"。 - 模板库模式:直接把
assets/template/index.html交给用户,由用户自行改CONFIG与文案。适用于"给我模板,我自己改"。
判定:用户说"只要我这个领域直接生成"→ 生成器;用户说"给我模板我自己改"→ 模板库。两者可共存,按需选择。
工作流程
- 读取
references/workbench-spec.md获取完整页面规格(7 页面详细需求)。 - 读取
references/design-guide.md获取视觉规范。 - 读取
references/data-source-guide.md了解数据源策略(模拟框架 + 预留接口)。 - 复制
assets/template/index.html作为工作基线。 - 生成器模式:根据用户领域 / 风格修改顶部
CONFIG(品牌名、领域、主题色、默认项目 / 任务、关键词),并替换页面示例内容(保持毛玻璃风格与 7 页面结构不变)。 - 模板库模式:原样交付,仅提示用户改
CONFIG。 - 可选:用
scripts/build_workbench.cjs以参数化方式生成。 - 部署建议:单文件 HTML 可直接双击打开;或部署到静态托管(如 CloudStudio)以便手机访问、加桌面图标(PWA)。
安全边界(必须遵守)
- 严禁在工作台模板或生成的产物中写入任何真实账号凭证、API key、私有链接。
- 严禁写入用户的私人信息(真实姓名、品牌名、私人项目名、IM/笔记库专属链接)。
- 所有数据接入一律使用"模拟数据框架 + 预留接口注释"的形式,真实源由使用者自行配置。
- 抖音、小红书、IMA 笔记等仅作为"可接入源名称"出现在注释/文档中,不写具体 endpoint 或密钥。
- 模板默认使用中性示例数据(如"个人工作台""项目一/二"),不绑定任何个人。
- 若用户在生成器模式中提供了自己的领域信息,只把它写进
CONFIG与页面示例文案,绝不写进任何外部连接。 - 例外:经用户明确授权把"自己的配置"作为示例展示时(如
assets/examples/中的演示),可写入其公开的品牌名 / 领域 / 任务 / 项目等配置性内容;但真实数据源连接(IMA 链接、抖音/小红书 API、账号密钥)仍一律禁止出现。
文件清单
references/workbench-spec.md— 完整页面规格references/design-guide.md— 视觉规范references/data-source-guide.md— 数据源策略assets/template/index.html— 单文件工作台模板(含 CONFIG 与预留接口)assets/examples/ercheng-taotao/— 已配置好的示例(AI×心理学 / 粉嫩风 / 8 默认项目),供他人参考"生成器"成品长什么样;仅含公开配置,无任何真实数据源连接scripts/build_workbench.cjs— 占位符/配置填充脚本
内置示例(模板库可直取)
assets/examples/ercheng-taotao/index.html 是一份填好 CONFIG 的成品示例,双击即可在浏览器打开看效果。别人可以把它作为起点:复制文件夹 → 改顶部 CONFIG(品牌名、领域、主色、任务、项目)→ 变成自己的工作台。注意分发前把品牌名改成自己的,且示例中不含任何真实数据源凭证。