name: business-assistant-agent description: 把企业员工的业务痛点一步步变成可交付的网页应用。当用户描述一个具体业务问题、希望做成网页/小程序/工具来加速日常工作,或要基于已有 PRD 进入产品开发时,使用本 Skill。流程会覆盖:需求发现 → 产品文档(PRD)自动生成与确认 → 基于 PRD 的网页应用生成(默认 Vercel / shadcn UI 风格)→ 用户持续反馈与迭代。也适合作为培训场景下的教练使用,让企业员工在和 Codex 对话的过程中学会把模糊的业务问题变成可用的产品。 ---
训练企业员工用 Codex 开发网页应用解决具体业务问题的端到端 Skill。
目标:让一个不懂技术的业务人员,通过和 Codex 几轮对话就拿到一个能直接用的网页应用,并能持续改进。
触发本 Skill 的典型用户输入:
不适用场景(请拒绝或转给别的 Skill):
[阶段一] 需求发现:轻量访谈,2-3 轮对话
↓ 用户说"对,就这个意思"
[阶段二] PRD 自动生成:写到 outputs/prd-<产品>-v0.1.md
↓ 用户在 PRD 上批注 / 直接说"OK"
[阶段三] 网页应用自动生成:写到 outputs/<产品>/index.html
↓ 用户在浏览器里查看
[阶段四] 持续迭代:用户每条反馈都更新到 PRD + 代码 + CHANGELOG
→ 可无限循环
┌──────────────────────────────────────┐
│ 对话里提出新需求 / 反馈 │
│ (改 PRD / 改对话 / 改应用) │
└──────────────┬───────────────────────┘
↓
┌──────────────────────────────────────┐
│ Skill 先做 30 秒意图分类 │
│ → 4 种场景: A / B / C / D │
│ (详见 references/iteration-patterns.md)
└──────────────┬───────────────────────┘
↓
┌──────────┬──────────┬──────────┐
↓ ↓ ↓ ↓
┌───────┐ ┌───────┐ ┌───────┐ ┌───────┐
│ 场景 A │ │ 场景 B │ │ 场景 C │ │ 场景 D │
│ 改 PRD │ │ 对话并 │ │ 重大 │ │ 视觉 │
│ 后重 │ │ 入 PRD │ │ 重构 │ │ 微调 │
│ 生成 │ │ │ │ │ │ │
└───┬───┘ └───┬───┘ └───┬───┘ └───┬───┘
│ │ │ │
└──────────┴────┬─────┴──────────┘
↓
┌──────────────────────────────────────┐
│ 三件套一起更新: │
│ - PRD(<产品>-v<X>.md) │
│ - 代码(index.html) │
│ - CHANGELOG.md │
│ 保持单一事实源,不脱节 │
└──────────────┬───────────────────────┘
↓
┌──────────────────────────────────────┐
│ 告诉用户: │
│ - 改了什么(枚举 1-3 条) │
│ - 数据是否兼容 │
│ - 怎么验证(打开哪个视图点哪个按钮) │
└──────────────┬───────────────────────┘
↓
(回到对话,继续)
4 种场景的速记:
完整的流程、判定标准、反模式请读 references/iteration-patterns.md。
每个阶段开始前要主动告诉用户接下来会发生什么,不要埋头直接产出。 每个阶段结束前要主动确认是否进入下一阶段。
详见 references/agent-design-patterns.md 第 2 章。
执行清单:
反模式(不要做):
详见 references/prd-template.md(模板)和 references/modern-web-design.md(设计参考)。
执行清单:
outputs/prd-<产品名>-v0.1.mdoutputs/prd-<产品名>-v0.1.md反模式(不要做):
用户确认 PRD 后,Skill 应明确告知三件事:
PRD 顶部加「版本」「最后更新」两个字段,每次变动同步更新。 所有往返场景的细节见 references/iteration-patterns.md。
基于已确认的 PRD,直接生成单文件 HTML Demo,保存到 outputs/<产品名>/index.html。
必读 references(顺序):
references/design-system.md — Vercel / shadcn UI 设计语言(色值/圆角/字体/组件)references/web-blueprints.md — 8 类业务骨架(单实体 CRUD / 多实体 CRUD / 看板 / 表单收集 / 流程编排 / 看板 + 详情 / 仪表盘 / 设置)references/crud-pattern.md — CRUD 实现规范(必读,保证新增/编辑/删除真的能用)技术栈(全部 CDN,零安装):
硬性要求(违反任何一个 = 视为未完成):
lg:pl-60 + fixed inset-x-0 top-0 z-30 h-16)<产品名>__data_v1 命名)生成完成后,主动告诉用户:
outputs/<产品名>/index.html用户看到 Demo 后,可以无限制地提反馈。任意时刻用户都可以:改 PRD、要求重新生成、或把对话里说过的新需求合并到 PRD。
Skill 在每次收到用户新消息时,先做 30 秒意图分类,路由到 4 种场景之一(详见 references/iteration-patterns.md):
outputs/<产品名>/CHANGELOG.md判定流程、反模式、完整示例见 references/iteration-patterns.md。
Skill 工作时按需读这些参考:
在 outputs/ 下,Skill 已经准备了 3 个完整可用的 Demo,作为参照基线:
outputs/demo-sales-visit-recorder/ — 销售拜访纪要(单实体 + 看板)outputs/demo-hr-recruitment/ — HR 招聘后台(多实体:招聘需求 / 候选人 / 面试 / 入职)outputs/demo-meeting-notes/ — 会议纪要管理(多实体:会议 / 行动项 / 看板)学员第一周可以直接打开这 3 个 Demo 试玩,然后基于自己的业务开始做新 Demo。
references/crud-pattern.md 反复对照。