Agent Skills
返回列表
工作台生成器

工作台生成器

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_c7211ebc/workbench-generator-c7211ebc。

技能介绍

要解决什么问题

运营、项目跟进、记账、上架进度这类需求,往往只是「把几个常用动作挤进同一页」——选题、复制标题、勾自查清单、看时间轴。用 React 搭后台或拖低代码平台,常常为了两三个模块就要接部署、账号和联网;你真正想要的,往往只是一份能在本机双击打开的页面。

技能如何工作

工作台生成器根据 requirement 等自然语言输入,产出单文件 HTML:CSS 写在 <style>、JS 写在 <script>,全部内联,不引 CDN 与外部库。

典型流程:

  • 需求拆解:明确目标用户与 3~6 个高频动作,必要时用一句话确认,不过度追问
  • 结构规划:每个模块一张卡片(标题、说明、输入/按钮/列表/勾选/折叠)
  • 生成与自检:对照八条铁律(单文件、零联网、移动优先、中文 UI、配色克制、交互可跑、示例数据真实、无外部脚本)不达标即改
  • 可选参数:modules 指定模块清单;brand_color 主色;style 为简约 / 活泼 / 商务

布局用 CSS Grid:桌面双列,max-width: 640px 以下单列。需要本地持久化时用 localStorage;需要图表时用纯 CSS 或内联 SVG,不引图表库。

适用边界

  • 模块超过 6 个时,优先保留高频项,其余收进「更多」折叠面板
  • 需求很模糊时,先给通用运营台骨架,再列出可追加模块供你补充
  • 成品不含后端与 API;数据不会上传,交互仅在浏览器本地完成
  • 保存请用 UTF-8 编码的 .html,用 Chrome/Edge 打开,避免 ANSI 乱码

使用场景

  • 公众号编辑要把每日选题、标题生成、文风速查和 AI 自查清单收进同一页,本地打开就能用
  • 独立开发者要跟踪 SkillHub 上架各审核步骤,用时间轴标出当前卡点并手动刷新状态
  • 个人记账需要在浏览器里录入收支、看本月流水,并让顶部结余随录入实时更新
  • 销售同学跟进客户时,把待联系名单、跟进备注和阶段勾选放在一张进度台里离线查看

适合人员

  • 负责公众号日更、需要在不搭后台的前提下把选题与标题工具集中一屏的运营
  • 在 SkillHub 上架技能、想随时看清合规与审核进度而非翻邮件或后台的创作者
  • 不想接数据库、只希望双击 HTML 就能记账并本地保存流水的个人用户
  • 用自然语言描述模块清单、要交付可双击运行的中文界面工作台的非前端同事