Klaus Team 七角色 AI 工程流水线
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_15292d5a/yjkj-teamai。
技能介绍
要解决的问题
许多 AI 产品演示从单条提示词跳到“完整项目”时,容易出现需求模糊、接口不一致、前端无法运行、后端 mock 缺失、QA 只写结论不修问题。teamai 把一次生成分解为固定岗位流水线,让每个角色基于前序交付物继续工作,而不是各自生成碎片化文档。
核心工作流
- PM:输出中文 PRD、用户故事、P0/P1/P2 功能优先级、Go 接口规范和 Given-When-Then 验收标准,并写入
PRD.md。 - UI Designer:基于 PRD 生成页面结构、组件清单、视觉与交互规范,约束为 React 函数式组件可落地的描述,不直接写代码。
- DevOps:检查 Go/Node 环境,清理
8080与5174端口,配置 Vite/api代理到 Go 服务,并生成启动脚本。 - Backend:用 Go + Gin 实现无数据库假数据服务,统一返回
{ code, msg, data },加入随机延迟和多套回答模板模拟 AI 接口。 - Frontend:用 React 19、TypeScript、Tailwind CSS 4 还原 UI,实现 loading/empty/error/success 状态,并输出离线可用的独立 HTML 预览。
- Integration 与 QA:逐项核对接口、状态、边界与 HTML Demo;若出现
❌阻塞问题,触发最多 2 次责任端重跑。
适用边界
该技能适合生成可演示的 AI 问答、文案、工具类 Web 项目,尤其是需要固定端口、假数据后端和单页 HTML 预览的场景。它强调中文输出、顺序执行、角色暂停确认;不适合替代生产级架构、真实模型服务、鉴权、数据库、可观测性和长期维护。执行时会产生实际文件与进程,需要运行环境支持 Go、Node.js 与端口占用检查。
使用场景
- 需要把 AI 问答原型从 PRD 到 React 页面和 Go mock 接口一次生成,并输出离线 HTML 预览。
- 要在固定端口 8080 和 5174 启动无数据库 Go 服务与 Vite 前端,并验证接口联通。
- 需要将 PRD 验收标准逐条转成测试用例,检查空态、报错态和 HTML Demo 是否可用。
- 要在集成测试发现接口缺失后,触发后端或前端角色重跑,最多两轮修复阻塞问题。
适合人员
- 想快速交付 AI 产品可演示 Demo 的产品经理
- 需要把 PRD 变成 React 加 Go mock 接口的前端工程师
- 需要无数据库假数据接口并验证联调的 Go 工程师
- 负责验收 HTML Demo 与接口状态完整性的测试工程师