WorkBuddy之产品经理原型设计及PRD实战

1. 提示词工程

以下针对不同场景,编写适合的提示词,用于WorkBuddy自动生成相应的html原型,可利用不同AI客户端加工润色,以下模板可直接复制使用:

固定格式:目标描述、结果描述、需求描述、详细要求

1.1 移动端原型(APP/小程序)

请制作一套高保真可交互移动端原型,页面完整、交互逻辑正常,纯前端实现,无后端接口依赖。

输出完整的HTML站点文件夹,包含html、css、js、静态资源,确保解压后直接打开index.html就能正常浏览和触发所有交互。

需求:【在这里替换你的页面/功能描述】

要求:布局规范、样式统一,资源路径全部使用相对路径。

1.2 电脑端原型(后台/官网/管理系统)

制作PC端可交互网页原型,纯前端实现,所有点击、弹窗、切换、菜单交互正常,无需后端支持。

输出完整HTML文件夹,主文件为index.html,所有资源采用相对路径,保证解压后直接打开即可使用。

需求:【在这里替换你的页面/功能描述】

1.3 多页面整套原型

制作多页面整套交互原型,包含页面跳转、弹窗、选项卡等常规交互,纯前端、无后端依赖。

导出完整HTML站点包,主入口为index.html,全部资源相对路径,文件夹结构规整。

页面清单&需求:【填写所有页面名称+功能要求】

1.4 测试样例

请制作一套高保真可交互移动端原型,页面完整、交互逻辑正常,纯前端实现,无后端接口依赖。

输出完整的HTML站点文件夹,包含html、css、js、静态资源,确保解压后直接打开index.html就能正常浏览和触发所有交互。

需求:设计1个可交互的多入口登录的碳普惠APP登录页面

要求:布局规范、样式统一,资源路径全部使用相对路径,部署到云端预览。

测试效果(本地html文件)

2. 在线预览

想要在线预览的,在提示词工程要求的最后加一句话"部署到云端预览"

3. 更新说明

为便于后期追溯更新内容及问题,可参考如下提示生成每次版本更新说明update.md

3.1 更新说明提示词

在工作空间本地生成1个update.md,记录每次更新的内容概要,要求简单明了,每次更新后在最上面追加新的更新记录,每个更新之间空2行,格式参考如下:

第n次更新

  1. 更新时间:yyyy-mm-dd HH:MM:SS

  2. 更新内容:

(1)将本次更新的内容按不同端侧总结提炼成1段话

(2)同上

...

(n)同上

  1. 原型地址(如有):将本地更新的预览地址贴到这儿

...

第2次更新

  1. 更新时间:yyyy-mm-dd HH:MM:SS

  2. 更新内容:

(1)将本次更新的内容按不同端侧总结提炼成1段话

(2)同上

...

(n)同上

  1. 原型地址(如有):将本地更新的预览地址贴到这儿

第1次更新

  1. 更新时间:yyyy-mm-dd HH:MM:SS

  2. 更新内容:

(1)将本次更新的内容按不同端侧总结提炼成1段话

(2)同上

...

(n)同上

  1. 原型地址(如有):将本地更新的预览地址贴到这儿

3.2 更新说明效果

4. 生成PRD

4.1 PRD技能

PRD Generator - 专业产品需求文档生成器

4.2 PRD提示词

按照如下章节要求,输出一份满足研发实施与客户交付的PRD文档,最终输出1个prd.md文件

  • 背景与目标

  • 术语定义

  • 角色与权限

  • 业务流程

  • 功能需求(按模块)

  • 业务规则(强约束)

  • 状态流转

  • 异常与边界

  • 非功能需求(性能/安全/审计)

  • 验收标准(Given/When/Then)

  • 待确认项(Open Questions)

  • 变更记录(每轮更新摘要)

4.3 PRD结果

5. 结语

诚然,原型及PRD提示词不一定适合所有人,不同场景要根据实际情况调整提示词框架及内容,慢慢调教出适合自己的提示词,然后快速出效果,希望早日能满足当前快节奏的工作要求

多说一句,产品经理有产品思维很重要,但基础的原型设计古法手搓能力不能丢,万一哪天断网了呢

相关推荐
dozenyaoyida25 分钟前
AI与大模型新闻日报 | 2026-11-12
人工智能·ai·大模型·新闻
一心同学4 小时前
Hermes架构拆解之Profiles
ai·架构·agent·profiles·hermes
XLYcmy4 小时前
ASR识别任务两篇论文阅读分析与系统方案技术报告 上
论文阅读·ai·gpu·asr·论文分享·speechbrain·wespeaker
七夜zippoe1 天前
Agent 上线第一天就炸了:6 个生产事故的根因分析与修复记录
大数据·ai·agent·根因分析·修复记录
秋饼1 天前
GPT-Live 全双工语音 API Java 服务端落地实战:事件协议、会话恢复与生产踩坑
java·ai·技术分享·后端开发
bst@微胖子1 天前
SpringAI快速入门(7) RAG 实战(三):检索增强配置与重排序实战
ai
#六脉神剑1 天前
myBuilder 11 月新版本:AI辅助设计
ide·人工智能·低代码·ai·mybuilder
codigger1 天前
AI 把代码写得飞快,然后呢?聊聊我验收生成代码的一套流程
ai·程序员·编程·#人工智能
秋饼2 天前
MCP 2026-07-28 无状态协议大改版:Spring AI 2.1 多轮往返请求与网关路由落地
java·ai·技术分享·后端开发
进击的雷神2 天前
我用 second-brain-skills 把 Claude Code 升级成了“第二大脑”:PPT、品牌手册、SOP 一人搞定
ai·claude·ppt·sop