网易首页 > 网易号 > 正文 申请入驻

可视化PRD Skill:边看文档、边看原型、边标注对齐

0
分享至

让 Agent 写 PRD、画原型图的 Skill 已经多如牛毛了,把它俩合在一起展示、审阅、对齐的还不多。

很多团队会拿着产品经理 Vibe-Coding 的 Demo 直接评审,但是评审完后,设计和前端要拿着 Demo 代码去分解页面和状态;研发团队得拆代码重新做技术规划。

评审一时爽,工业化生产“XXX”。

核心原因在于,Demo 代码是压缩的,但是协作需要展开所有信息。

PRD 和原型图依然是不可或缺的,好在有 Agent 帮忙,这事儿并不麻烦,主要是呈现形式怎么最高效。

下面是一个解决方案。

01

Interaction PRD

我做了一个 Agent Skill,它帮你写出来的 PRD 长这样:


PRD 和可交互原型在同一个网页容器里,方便产研团队一起评审:

  • 左侧是当前功能板块的原型图,可交互

  • 右侧是当前功能板块的需求文档,可编辑

  • 原型图上的气泡是页面标注,可随地添加



PRD 是按照 EARS 语法写的,包含角色、触发条件、规则、状态机、预期结果和验收条件,研发拿去可以直接转技术文档

你甚至可以直接在这个网页容器里编辑、保存 AI 给你写的需求文档:


原型图还提供全局展开的画布,方便设计和前端快速理解页面关系和页面展开样式


对了,还提供一套设计师和前端友好的全局关键组件与状态定义,方便拿去直接复用、干活。


我让 Codex 用Video Shotcraft做了一个视频,对细节感兴趣的可以看看:

当前这个 Skill 还处在迭代中,有几个细节仍需打磨。等到稳定可以用了会开源到 GitHub。

如果你对预览版感兴趣,可以在文末找到获取方式。

02

原理与实现

它的底层逻辑非常简单:

1. 这个 Skill 提供一套用于承载 PRD 过程产物和完整交付的“容器”,Agent 作业前直接初始化获得

2. 容器会自动读取 Agent 的产出物,在浏览器内渲染呈现

3. Agent 会根据用户要开发的产品需求完成需求澄清和分析,输出shaping系列文档

4. 支持直接以 Vibe-Coding 的产品 Demo 代码作为入口,Agent 会直接去扒代码和样式,抽取功能模块、规则和状态机

5. 在用户确认产品需求后制定 PRD 板块计划 & 组件状态

6. 在用户确认板块计划和组件样式后逐板块撰写 PRD 并创建可交互原型图

7. 用户在过程中对 PRD 的编辑和对原型的标注会实时保存下来

8. 产品经理侧完成生产后,可隐藏过程产物用于团队审核

9. 也支持将 PRD & 原型图截图单独导出保存为 Markdown 文档

以上其实差不多也是这套 Skill 的创作提示词了,底座容器由 Codex 实现,写 PRD 和交互原型的Skill 约束基于我的一些经验约束。

预览版已经发布在AI 学习行动圈知识星球了,二维码在文末,着急的可以先去下载来把玩~

03

产品经理在AI时代转型什么

AI 技术给产品经理带来的不只是工具层面提效,它带来了一种全新的产品形态:认知劳动产品化。

过去产品经理只能围绕“规则”设计产品:一个需求,如果不能把实现抽象成可编程的规则,就无法产品化。

AI 之所以被称之为“范式迁移型技术”,其核心在于可以把原本需要大量学习、练习才能掌握的经验产品化。

本文分享的这个 Skill,以及大家看到几乎所有 Skill 都是它此刻最佳的表现形式。

过去一个用户要掌握“撰写爆款”的能力,唯一能做的就是大量阅读、大量创作,另一个人即便拿到了他的“爆款公式”,也无法直接完成能力迁移。

AI 强,但它也有大量缺陷。

要构造稳定可用、可控的 AI 产品,必须对 AI 的特性有透彻的理解。

实际上,过去 3 年产生的所有 AI 相关技术框架,绝大部分都是在弥补 AI 的缺陷。

要真正搞懂、掌握 AI 产品经理的方法论,必须从原理层体系化的学习。

我从 6 月底开始,每周末都会在北京·深圳·上海轮回组织线下课程学习,用两天的时间带你从“会用 AI 的产品经理”跃迁到“能把 AI 应用到业务中”、“能把 AI 产品化”的产品经理。

两天课程,包括:

1. 大模型的基本原理、缺陷和使用边界(通过 AI 做市场调研、写 PRD、画高保真原型三个实战项目掌握)

2. Workflow、RAG 和上下文工程(掌握 AI 赋能&Agent 赋能的关键能力原子化拆解)

3. API 调用、Tool Use 和 Agent 循环(上手开发一个真能干活的 Agent 程序)

4. MCP、Skill、CLI,以及怎样让产品对 Agent 更友好

5. Vibe-Coding 实战,从想法到可运行应用(三个 AI 赋能场景,交付完整作品)

前 5 期已经在过去的 2 个月完成交付,170+学员全都在现场完成了至少一个 AI 产品的开发落地。

课程仍然在进行,接下来的安排如下:

城市

时间

状态

9月5-6日

招募中

深圳

10月17-18日

招募中

上海/杭州

待定

招募中

课程原价 3999 元,限时早鸟价 2999 元即将结束。

扫码可以查看课程详细内容、上课方式与详细安排。

加入知识星球搜索Interaction-PRD获取 可交互PRD Skill 预览版。

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
金砖峰会邀马科斯,莫迪还没发声,菲外交部急着澄清的目的是什么

金砖峰会邀马科斯,莫迪还没发声,菲外交部急着澄清的目的是什么

观锐器
2026-09-12 01:35:03
碾压 B 费!曼联 21 岁天才封神一战!卡里克挖到未来真核

碾压 B 费!曼联 21 岁天才封神一战!卡里克挖到未来真核

澜归序
2026-09-12 08:47:16
媒体人:男篮亚运小组赛让余嘉豪崔永熙多打,有价值从淘汰赛开始

媒体人:男篮亚运小组赛让余嘉豪崔永熙多打,有价值从淘汰赛开始

狼叔评论
2026-09-11 11:52:20
穆帅封神操作!皇马锁定未来王朝核心!含金量碾压伯纳乌巨星

穆帅封神操作!皇马锁定未来王朝核心!含金量碾压伯纳乌巨星

澜归序
2026-09-12 08:03:40
演员孙怡被说妆前一个人妆后一个人

演员孙怡被说妆前一个人妆后一个人

韩小娱
2026-09-11 06:34:06
23分大胜世界第三!西班牙女篮破八年魔咒 37岁老将吐舌庆祝超开心

23分大胜世界第三!西班牙女篮破八年魔咒 37岁老将吐舌庆祝超开心

颜小白的篮球梦
2026-09-11 09:27:03
简直就是奇迹:美国林肯号航母5000多大兵在芭堤雅疯狂玩了5天,竟然仅有2个打架的!

简直就是奇迹:美国林肯号航母5000多大兵在芭堤雅疯狂玩了5天,竟然仅有2个打架的!

步论天下事
2026-09-07 09:40:52
叙利亚16年来首次小麦自给,朱拉尼20个月做成了巴沙尔父子54年没做成的事

叙利亚16年来首次小麦自给,朱拉尼20个月做成了巴沙尔父子54年没做成的事

莫地方
2026-08-24 19:38:38
自然资源部正式发布报告 我国稀土、钨、锡等14种矿产储量居世界第一

自然资源部正式发布报告 我国稀土、钨、锡等14种矿产储量居世界第一

每日经济新闻
2026-09-11 16:08:32
阿里P8:人一旦失业,就会“扣扣搜搜”。家庭收入从去年140万降到今年50多万

阿里P8:人一旦失业,就会“扣扣搜搜”。家庭收入从去年140万降到今年50多万

蚂蚁大喇叭
2026-09-06 17:09:52
翁帆为杨振宁研究院揭牌!穿真丝长袍化淡妆,瘦出尖下巴年轻20岁

翁帆为杨振宁研究院揭牌!穿真丝长袍化淡妆,瘦出尖下巴年轻20岁

猪小艳吖
2026-09-09 20:48:36
托蒂:出于尊重,911那天我甚至认为自己不应该参加比赛

托蒂:出于尊重,911那天我甚至认为自己不应该参加比赛

懂球帝
2026-09-12 07:36:06
“至今很后怕!赶不走打不得,大家都不敢动了……”浙江姑娘雨后爬山,遭遇剧毒烙铁头、眼镜蛇

“至今很后怕!赶不走打不得,大家都不敢动了……”浙江姑娘雨后爬山,遭遇剧毒烙铁头、眼镜蛇

都市快报橙柿互动
2026-09-11 01:10:42
雷军一张“车内户型图”,把卖车卖房的都整沉默了

雷军一张“车内户型图”,把卖车卖房的都整沉默了

买车家
2026-07-15 10:56:55
查理·汉纳姆自曝家规:女友要求早餐别用杀人犯嗓音

查理·汉纳姆自曝家规:女友要求早餐别用杀人犯嗓音

浅遇时光
2026-09-11 04:04:50
尘埃落定!看懂刘翔安置事件大结局,才明白,原来45岁姚明15年前退役时的选择是如此清醒!人生规划真得靠自己提前布局

尘埃落定!看懂刘翔安置事件大结局,才明白,原来45岁姚明15年前退役时的选择是如此清醒!人生规划真得靠自己提前布局

锐评利物浦
2026-09-11 09:25:53
美媒称沙特王储连续给特朗普打了两个电话,要求美方打击胡塞武装,结果遭特朗普拒绝

美媒称沙特王储连续给特朗普打了两个电话,要求美方打击胡塞武装,结果遭特朗普拒绝

都市快报橙柿互动
2026-09-11 16:00:39
王楚钦再创历史,将成第一个把世界第一拱手送给日本的国乒运动员

王楚钦再创历史,将成第一个把世界第一拱手送给日本的国乒运动员

人类的关注
2026-09-06 04:32:21
1986年,胡耀邦告诫胡启立:你记住,我们共产党人任何时候绝不能鱼肉人民

1986年,胡耀邦告诫胡启立:你记住,我们共产党人任何时候绝不能鱼肉人民

帝哥说史
2026-09-08 20:29:00
华为“第一境”开局失利,首款车太小众难成气候!

华为“第一境”开局失利,首款车太小众难成气候!

言车有徐
2026-09-10 17:02:25
2026-09-12 09:12:50
人人都是产品经理社区 incentive-icons
人人都是产品经理社区
想要成为大牛先从学做产品开始
65101文章数 311652关注度
往期回顾 全部

科技要闻

苹果折叠屏比小米华为贵5000元,该怎么选

头条要闻

老板娘深夜被镇干部推入厕所反锁门强奸 男方:小误会

头条要闻

老板娘深夜被镇干部推入厕所反锁门强奸 男方:小误会

体育要闻

37岁还能场场进球,还能翻跟头!

娱乐要闻

港媒曝钟丽淇疑患渐冻症,本人发文

财经要闻

女装“玖姿”母公司跨境贸易迷局:安正时尚说谎了吗?

汽车要闻

买菜车也有小乐趣 风云T7不止是台合格家用SUV

态度原创

亲子
家居
房产
艺术
健康

亲子要闻

高龄备孕卵泡不好可以调养吗?卵巢功能下降怎么办能怀孕吗?

家居要闻

2026建博会(广州) 公装联探展交流活动

房产要闻

别再等了!广州改善好房,正在进入“卖一套少一套”时代

艺术要闻

《步辇图》最大骗局:全程没有文成公主,却骗了所有中国人 1300 年

手脚发麻口齿不清?也可能是中风!

无障碍浏览 进入关怀版