PRD Generator Skill

prd-generator 用于把原型图和需求说明转成可评审的 Markdown PRD。​

它默认优先产出「某个产品功能需求详述」，避免一开始就写空泛全文。​

它适用于产品、研发、测试协作场景，强调可实现、可测试、可验收。​

示例：原型(prototype)：​

​

​

​

​

47%

​

​

​

​

53%

​

​

核心能力​

支持按页面类型生成需求详述（列表、卡片、表单、看板、信息展示）。​

支持 AI/策略类需求描述（输入、输出、预期效果、Bad Case）。​

可在需要时汇编完整 PRD（概述、全局说明、详述、埋点、数据、风险等）。​

在交付前可执行产品/开发/测试三视角自检并修订正文。​

典型使用方式​

上传原型后说「请写这个功能的 PRD 详述」。​

如果你要完整文档，可以明确说「请输出完整 PRD（全章节）」。​

如果是局部改动，请标注影响区域并说明改动目标。​

如果是 AI 场景，请补充输入来源、输出形式和效果预期。​

输出特点​

文档结构标准化，便于评审、排期和测试用例拆解。​

无依据信息不会臆造，未知项会标记为「待确认」。​

描述偏工程化，减少口号式表述，提高落地效率。​

仓库建议​

建议将模板、参考章节和示例输出放在独立目录中。​

建议在 README 中补充一组输入示例与生成结果截图。​

建议补充 LICENSE 与贡献指南，便于团队协作和开源管理。​

提问（prompt）：​

[上传附件原型，比如原型图片或者html代码] 请生成这个页面的prd​

PRD：​

产品需求：​

信贷行业全流程管理 Agent 工具 - 首页（工作台）​

​

说明：依据桌面端静态原型《首页.html》（React + 单页「首页」Tab）整理；未在仓库内落原型截图时请将浏览器全页截图存至下节约定路径，以便评审对照。​

​

3 产品需求详述​

请将 c:\Users\zhangmi1\Desktop\首页.html 在浏览器中打开后，截取当前「首页」Tab 与首屏可滚动全页（或按「欢迎区/项目进展/需确认事项/Agent 与快捷操作/底部任务输入」分多张），保存为上述相对路径；若 PRD 文件在 docs/ 下，则图片位于 docs/../assets/... 时路径相应调整。下同。​

原型与交付差异说明（基于源码核对）： 代码中存在「待办列表」PendingItem 组件与示例数据，当前首屏主流程未渲染该列表；下文字段以首屏已展示区域为准。若产品意图为「二、需您确认/处理」下方必须展示按优先级待办列表，待确认 后纳入迭代范围与验收范围。​

2 功能说明​

​

#QwlazsLPOlOI text { white-space: pre; }#QwlazsLPOlOI .fb0 { stroke: var(--N900-FG, 0.15); }#QwlazsLPOlOI .fb0 {stroke: rgba(31,35,41, 0.15)}#QwlazsLPOlOI .fx0 { stroke-miterlimit: 10; }#QwlazsLPOlOI .fx0 {stroke-miterlimit: 10}#QwlazsLPOlOI .fa1 { fill: rgb(187, 191, 196); }#QwlazsLPOlOI .fa1 {fill: rgb(187, 191, 196)}#QwlazsLPOlOI .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#QwlazsLPOlOI .fx1 {font-style: normal}#QwlazsLPOlOI .fx2 { text-anchor: middle; }#QwlazsLPOlOI .fx2 {text-anchor: middle}#QwlazsLPOlOI .fx3 { dominant-baseline: central; }#QwlazsLPOlOI .fx3 {dominant-baseline: central}#QwlazsLPOlOI .fx4 { stroke: none; }#QwlazsLPOlOI .fx4 {stroke: none}#QwlazsLPOlOI .fc0 { fill: var(--text-caption); }#QwlazsLPOlOI .fc0 {fill: #646a73}#QwlazsLPOlOI .fa2 { fill: var(--text-link-disabled); }#QwlazsLPOlOI .fa2 {fill: rgb(187, 191, 196)}#QwlazsLPOlOI .fx5 { font: 400 16px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#QwlazsLPOlOI .fx5 {font-style: normal}#QwlazsLPOlOI .fx6 { text-anchor: start; }#QwlazsLPOlOI .fx6 {text-anchor: start}#QwlazsLPOlOI .fx7 { dominant-baseline: alphabetic; }#QwlazsLPOlOI .fx7 {dominant-baseline: alphabetic}#QwlazsLPOlOI .fc1 { fill: rgb(31, 35, 40); }#QwlazsLPOlOI .fc1 {fill: rgb(31, 35, 40)}#QwlazsLPOlOI .fx8 { font: 400 13px LarkHackSafariFont, LarkEmojiFont, ui-monospace, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Noto Sans", Tahoma, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", STHeiti, SimHei, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", system-ui; }#QwlazsLPOlOI .fx8 {font-style: normal}#QwlazsLPOlOI .fb1 { fill: var(--N900-FG, 0.15); }#QwlazsLPOlOI .fb1 {fill: rgba(31,35,41, 0.15)}#QwlazsLPOlOI .fb2 { fill: rgb(209, 217, 224); }#QwlazsLPOlOI .fb2 {fill: rgb(209, 217, 224)}#QwlazsLPOlOI .fa3 { fill: var(--bg-body); }#QwlazsLPOlOI .fa3 {fill: #fff}ABC12345678页面/区域模块与入口全局顶栏欢迎区一、近期项目进展二、需您确认/处理三、Agent 详情 + 快速操作底部任务输入功能说明产品对外名称：信贷行业全流程管理 Agent 工具；本页为登录后默认或主导航「首页」 对应的工作台/汇报视图品牌区 CreditAI（含图形标识 + 文案）；主导航 首页、项目、Build、收件箱 为 Tab/路由切换；右侧用户区占位AI 助理人格 小K，展示时段问候（如上午/下午/晚间）与一句固定引导语，概括「今日项目进展 + 待办/待确认」的汇报入口标题区展示统计截止时间（示例：），下方 3 列（小屏可降为单列）卡片，每卡展示子域名称、状态徽标、摘要说明、完成度条（0～100%）分左右两列（大屏）或上下堆叠（小屏）呈现高优先级需处理事项：信贷风控（S 级） 含汇总数字与 2 条可跟进行项；授信报告（A 级） 含四格统计与项目成员主区：展示商机识别 Agent 基本信息（名称、角色、状态、头像、能力描述、任务清单含勾选框与行状态）；副区：「快速操作」新建项目、刷新数据、查看报表长输入框，占位为「请输入任务或使用技能」；右侧麦克风按钮；下方三个图标按钮（加号、无限、灯泡）弱操作入口备注与「项目/Build/收件箱」的并列关系、默认落地页待确认各 Tab 点击后的路由、权限与未实现态待确认问候语与真实时区/用户设置是否一致待确认三个子域为：信贷风控、授信报告、商机拓展；与后台项目配置是否一一对应待确认「前往处理」的去向（子页/抽屉/外跳）待确认；成员是否可点击、是否展示更多成员待确认Agent 与当前用户/项目的绑定关系待确认；能力描述是固定简介还是可配置待确认是否对接真实对话/技能编排、是否支持语音采集与流式回写待确认截至 3 月 5 日 15:00

​

3 字段说明​

3.1.1 顶栏​

​

#gmbdNMomkfmv text { white-space: pre; }#gmbdNMomkfmv .fb0 { stroke: var(--N900-FG, 0.15); }#gmbdNMomkfmv .fb0 {stroke: rgba(31,35,41, 0.15)}#gmbdNMomkfmv .fx0 { stroke-miterlimit: 10; }#gmbdNMomkfmv .fx0 {stroke-miterlimit: 10}#gmbdNMomkfmv .fa1 { fill: rgb(187, 191, 196); }#gmbdNMomkfmv .fa1 {fill: rgb(187, 191, 196)}#gmbdNMomkfmv .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#gmbdNMomkfmv .fx1 {font-style: normal}#gmbdNMomkfmv .fx2 { text-anchor: middle; }#gmbdNMomkfmv .fx2 {text-anchor: middle}#gmbdNMomkfmv .fx3 { dominant-baseline: central; }#gmbdNMomkfmv .fx3 {dominant-baseline: central}#gmbdNMomkfmv .fx4 { stroke: none; }#gmbdNMomkfmv .fx4 {stroke: none}#gmbdNMomkfmv .fc0 { fill: var(--text-caption); }#gmbdNMomkfmv .fc0 {fill: #646a73}#gmbdNMomkfmv .fa2 { fill: var(--text-link-disabled); }#gmbdNMomkfmv .fa2 {fill: rgb(187, 191, 196)}#gmbdNMomkfmv .fx5 { font: 400 13px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#gmbdNMomkfmv .fx5 {font-style: normal}#gmbdNMomkfmv .fx6 { text-anchor: start; }#gmbdNMomkfmv .fx6 {text-anchor: start}#gmbdNMomkfmv .fx7 { dominant-baseline: alphabetic; }#gmbdNMomkfmv .fx7 {dominant-baseline: alphabetic}#gmbdNMomkfmv .fc1 { fill: rgb(0, 0, 0); }#gmbdNMomkfmv .fc1 {fill: rgb(0, 0, 0)}#gmbdNMomkfmv .fb1 { fill: var(--N900-FG, 0.15); }#gmbdNMomkfmv .fb1 {fill: rgba(31,35,41, 0.15)}#gmbdNMomkfmv .fb2 { fill: rgb(209, 217, 224); }#gmbdNMomkfmv .fb2 {fill: rgb(209, 217, 224)}#gmbdNMomkfmv .fa3 { fill: var(--bg-body); }#gmbdNMomkfmv .fa3 {fill: #fff}ABCDE1234字段名称品牌区-CreditAI导航-首页/项目/Build/收件箱用户头像区字段说明产品名展示主导航切换当前用户身份入口约束条件文本+图标单选高亮，底边线指示当前圆形头像占位示例CreditAI当前：首页置灰圆注释点按是否回首页待确认各 Tab 目标路由、未上线时的禁用或「敬请期待」待确认点击是否展开账户/登出/设置待确认

​

3.1.2 欢迎区​

​

​

3.1.3 一、近期项目进展​

​

​

3.1.4 二、需您确认/处理​

信贷风控（S 级）​

会触发请求的操作（本区块默认无独立按钮，数据依赖整页/区块拉取时）： 见「4. 异常情况说明」；若后续增加「展开详情」「进入项目」等，须单独补充：请求中 loading、按钮禁用、防重复点击。​

​

​

3.1.6 底部任务输入​

​

​

3.1.5 三、Agent 详情与快速操作​

​

​

3.1.7 脱敏、权限与可见性（有资料再收紧）​

​

#WFZpJHELsUqx text { white-space: pre; }#WFZpJHELsUqx .fb0 { stroke: var(--N900-FG, 0.15); }#WFZpJHELsUqx .fb0 {stroke: rgba(31,35,41, 0.15)}#WFZpJHELsUqx .fx0 { stroke-miterlimit: 10; }#WFZpJHELsUqx .fx0 {stroke-miterlimit: 10}#WFZpJHELsUqx .fa1 { fill: rgb(187, 191, 196); }#WFZpJHELsUqx .fa1 {fill: rgb(187, 191, 196)}#WFZpJHELsUqx .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#WFZpJHELsUqx .fx1 {font-style: normal}#WFZpJHELsUqx .fx2 { text-anchor: middle; }#WFZpJHELsUqx .fx2 {text-anchor: middle}#WFZpJHELsUqx .fx3 { dominant-baseline: central; }#WFZpJHELsUqx .fx3 {dominant-baseline: central}#WFZpJHELsUqx .fx4 { stroke: none; }#WFZpJHELsUqx .fx4 {stroke: none}#WFZpJHELsUqx .fc0 { fill: var(--text-caption); }#WFZpJHELsUqx .fc0 {fill: #646a73}#WFZpJHELsUqx .fa2 { fill: var(--text-link-disabled); }#WFZpJHELsUqx .fa2 {fill: rgb(187, 191, 196)}#WFZpJHELsUqx .fx5 { font: 400 13px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#WFZpJHELsUqx .fx5 {font-style: normal}#WFZpJHELsUqx .fx6 { text-anchor: start; }#WFZpJHELsUqx .fx6 {text-anchor: start}#WFZpJHELsUqx .fx7 { dominant-baseline: alphabetic; }#WFZpJHELsUqx .fx7 {dominant-baseline: alphabetic}#WFZpJHELsUqx .fc1 { fill: rgb(0, 0, 0); }#WFZpJHELsUqx .fc1 {fill: rgb(0, 0, 0)}#WFZpJHELsUqx .fb1 { fill: var(--N900-FG, 0.15); }#WFZpJHELsUqx .fb1 {fill: rgba(31,35,41, 0.15)}#WFZpJHELsUqx .fb2 { fill: rgb(209, 217, 224); }#WFZpJHELsUqx .fb2 {fill: rgb(209, 217, 224)}#WFZpJHELsUqx .fa3 { fill: var(--bg-body); }#WFZpJHELsUqx .fa3 {fill: #fff}ABCD12角色/条件待确认 与信贷角色、机构、数据权限关系字段或区块一/二/三 区块及数字、任务、成员可见性是否按机构/项目/职级裁剪展示无材料时不预设矩阵；上线前需补充

​

4 异常情况说明​

​

#XggkOgLUgsDe text { white-space: pre; }#XggkOgLUgsDe .fb0 { stroke: var(--N900-FG, 0.15); }#XggkOgLUgsDe .fb0 {stroke: rgba(31,35,41, 0.15)}#XggkOgLUgsDe .fx0 { stroke-miterlimit: 10; }#XggkOgLUgsDe .fx0 {stroke-miterlimit: 10}#XggkOgLUgsDe .fa1 { fill: rgb(187, 191, 196); }#XggkOgLUgsDe .fa1 {fill: rgb(187, 191, 196)}#XggkOgLUgsDe .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#XggkOgLUgsDe .fx1 {font-style: normal}#XggkOgLUgsDe .fx2 { text-anchor: middle; }#XggkOgLUgsDe .fx2 {text-anchor: middle}#XggkOgLUgsDe .fx3 { dominant-baseline: central; }#XggkOgLUgsDe .fx3 {dominant-baseline: central}#XggkOgLUgsDe .fx4 { stroke: none; }#XggkOgLUgsDe .fx4 {stroke: none}#XggkOgLUgsDe .fc0 { fill: var(--text-caption); }#XggkOgLUgsDe .fc0 {fill: #646a73}#XggkOgLUgsDe .fa2 { fill: var(--text-link-disabled); }#XggkOgLUgsDe .fa2 {fill: rgb(187, 191, 196)}#XggkOgLUgsDe .fx5 { font: 400 16px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#XggkOgLUgsDe .fx5 {font-style: normal}#XggkOgLUgsDe .fx6 { text-anchor: start; }#XggkOgLUgsDe .fx6 {text-anchor: start}#XggkOgLUgsDe .fx7 { dominant-baseline: alphabetic; }#XggkOgLUgsDe .fx7 {dominant-baseline: alphabetic}#XggkOgLUgsDe .fc1 { fill: rgb(31, 35, 40); }#XggkOgLUgsDe .fc1 {fill: rgb(31, 35, 40)}#XggkOgLUgsDe .fb1 { fill: var(--N900-FG, 0.15); }#XggkOgLUgsDe .fb1 {fill: rgba(31,35,41, 0.15)}#XggkOgLUgsDe .fb2 { fill: rgb(209, 217, 224); }#XggkOgLUgsDe .fb2 {fill: rgb(209, 217, 224)}#XggkOgLUgsDe .fa3 { fill: var(--bg-body); }#XggkOgLUgsDe .fa3 {fill: #fff}ABCD12345678场景全页/首屏数据加载中全页/区块请求失败统计数字为空或无权限欢迎语/时间依赖接口失败头像/外链图片失败无网络/超时子项前往处理失败界面表现各区块骨架/Spin，避免白屏与布局跳动该区块错误态 + 重试；其他区块可保留上次成功用 0 或 「--」 或隐藏整卡可降级为默认问候+静态副标题占位图/首字母待确认Toast 或内联提示；已展示数据是否保留按钮可恢复、Toast 说明原因文案/操作示例—「加载失败，请重试」—默认待确认—「网络异常」—备注是否分区块独立失败待确认；主路径至少一种可感知加载态与「只刷新本区块」/「重试全页」策略待确认与指标口径一致；敏感指标降权待确认不阻塞主区展示失败重试待确认待确认实现后需验收

​

验收要点：​

顶栏、四大区块、底部输入的布局与原型一致；关键文案（含 S/A 级、状态枚举）与业务字典一致后可通过评审。​

所有已确定会调接口的按钮（至少：前往处理、刷新数据、快速操作、语音/提交若落地）具备：loading/禁用/防连点/失败可恢复，若团队已有 2.4 全局约定 则与之一致。​

一、二区「截至时间/汇总数字/任务行」的时间基准与成功/失败定义有书面口径后方可测数值正确性；此前以「展示不报错、可重试、空/无权限可解释」为最低验收线。​

5 与关联模块的接口与流程（简图）​

与 项目列表、Build、授信报告、风控子应用、消息收件箱、对话/技能 的跳转、参数、回传若未另立 PRD，在评审单中待完善后统一在「全局流程」稿中收束。​

​

​

​