Agent Skills
返回列表
PRD 一键生成可运行 Demo

PRD 一键生成可运行 Demo

AI Agent 更新于 2026.08.29

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_6c5df2c8/jingsis-aipm-prd-to-demo。

技能介绍

从文档到可运行代码的鸿沟

在 AI 产品早期验证阶段,团队通常会产出包含意图体系、多 Agent 编排、工具调用规则和状态机的详尽 PRD。然而,将这些设计转化为可实际运行的演示版本(Demo)依然需要大量手工编码。前端状态流转、后端接口映射、Mock 数据生成以及前后端类型对齐等工作极为繁琐,容易偏离 PRD 原本的定义。

结构化解析与代码生成

该技能扮演资深全栈工程师与 AI 产品架构师的角色,将 PRD 视为唯一事实来源。

  • 定向与解析:首先确认输入路径与复杂度模式(快速、标准或完整)。随后提取 PRD 中的核心结构,包括意图定义、Agent 工作流、工具规则、状态机及界面组件,生成摘要供开发者确认。
  • 后端骨架:基于 FastAPI 和 Pydantic 生成后端代码。内置 Orchestrator 与 Skill 模式的 Agent 编排,实现 FileParser、SQLExecutor 等工具。所有 LLM 调用均通过 llm_service.py 的 Mock 接口返回,确保无需任何外部 API Key 即可启动。
  • 前端驱动:使用 React 18 与 TypeScript 生成前端。核心逻辑封装在 useAnalysis hook 中,严格依据 PRD 定义的状态机驱动 App.tsx 的 UI 渲染,并集成 ECharts 图表与 Markdown 报告组件。
  • 收尾验证:自动生成项目 README、Docker Compose 配置,并交叉检查前后端类型一致性、状态机覆盖率以及错误文案匹配度。

适用边界与注意事项

该技能严格遵循 PRD 的描述范围,不会主动生成超出需求的功能。默认的 Mock LLM 仅用于结构验证,不具备真实的推理能力,若需真实调用,需手动替换为对应 SDK 并配置密钥。此外,生成的代码为标准骨架,复杂的业务逻辑、数据库迁移及生产级异常处理仍需开发者后续补充。

使用场景

  • 写完含多 Agent 和状态机的 AI 产品 PRD 后,需快速生成无需 API Key 即可启动的前后端联调 Demo。
  • 验证数据分析平台设计时,需根据 PRD 自动生成包含文件上传、SQL 编辑器和图表渲染的前端及接口。
  • 接手含意图体系和工具规则的 AI 应用 PRD 时,需一键生成符合该数据结构的 TypeScript 类型和状态机。
  • 在缺乏真实大模型 API 密钥时,需将含 Agent 编排逻辑的 PRD 转化为带有 Mock LLM 的可运行后端骨架。

适合人员

  • AI 产品经理:刚写完含 Agent 编排的详细 PRD,急需一个能跑通核心流程的演示版本向团队展示产品逻辑。
  • 全栈工程师:有定义意图体系和工具规则的 AI 应用需求文档,希望跳过脚手架,直接生成符合 PRD 的前后端代码。
  • 技术架构师:需在无真实大模型 API 预算时验证 AI 业务流的状态机设计,希望获得内置 Mock 服务的可运行骨架。