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

可视化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.

相关推荐
热点推荐
万科A涨停,房地产股大爆发

万科A涨停,房地产股大爆发

21世纪经济报道
2026-09-18 14:45:19
蓝芩喉糖“蓝芩含量为0”引争议:企业称蓝芩是商标,律师称关键看广告话术

蓝芩喉糖“蓝芩含量为0”引争议:企业称蓝芩是商标,律师称关键看广告话术

红星资本局
2026-09-17 18:48:07
劳斯莱斯接亲途中发生车祸,受损严重,车主:车借给朋友接亲,车辆无保险需自费维修,修车费预计几十万元;当地派出所介入处理

劳斯莱斯接亲途中发生车祸,受损严重,车主:车借给朋友接亲,车辆无保险需自费维修,修车费预计几十万元;当地派出所介入处理

极目新闻
2026-09-17 15:54:34
今日重要赛事!9月18日,央视CCTV5、CCTV5+直播节目表

今日重要赛事!9月18日,央视CCTV5、CCTV5+直播节目表

薇说体育
2026-09-18 10:20:37
乌军大规模抗议爆发!泽连斯基承认:俄军随时可以对自己进行斩首

乌军大规模抗议爆发!泽连斯基承认:俄军随时可以对自己进行斩首

观锐器
2026-09-18 12:49:44
以这样的方式输给日本之后,郭仕强确实应该下课了

以这样的方式输给日本之后,郭仕强确实应该下课了

朝不慵
2026-09-18 19:58:43
奶茶正绕过代谢,重创肾脏!清华大学:果糖不必先经传统代谢,就能直接损害线粒体功能,伤及肾小球,造成肾损伤

奶茶正绕过代谢,重创肾脏!清华大学:果糖不必先经传统代谢,就能直接损害线粒体功能,伤及肾小球,造成肾损伤

梅斯医学
2026-09-17 07:55:35
31岁李梦翻红了!近况:和张隆爱情生意双赢,1400万合同排第一

31岁李梦翻红了!近况:和张隆爱情生意双赢,1400万合同排第一

春日筆記
2026-09-18 19:38:28
前NBA、尼克斯球员迈克尔-斯威特尼去世,享年43岁

前NBA、尼克斯球员迈克尔-斯威特尼去世,享年43岁

懂球帝
2026-09-18 13:42:39
霍英东做东宴请广东省委书记,专门准备了两桌龙虾。不料对方竟领来一百多人,现场一下子热闹了起来

霍英东做东宴请广东省委书记,专门准备了两桌龙虾。不料对方竟领来一百多人,现场一下子热闹了起来

z千年历史老号
2026-09-18 17:34:16
手机关掉这个开关,瞬间跟新机一样流畅

手机关掉这个开关,瞬间跟新机一样流畅

辉哥说动漫
2026-09-17 01:27:25
游刃有余,李贤重全场16投8中,三分13中7砍下26分14板4助

游刃有余,李贤重全场16投8中,三分13中7砍下26分14板4助

懂球帝
2026-09-18 17:13:10
形势大好!中超亚冠首轮积分全亚洲第一:有望赢回4个亚冠名额

形势大好!中超亚冠首轮积分全亚洲第一:有望赢回4个亚冠名额

邱泽云
2026-09-18 15:56:59
香港兰桂坊女子光身笑着游街震撼路人,现场视频疯传原因惹关注,网友警告:最高可判处罚款100万元及监禁3年!

香港兰桂坊女子光身笑着游街震撼路人,现场视频疯传原因惹关注,网友警告:最高可判处罚款100万元及监禁3年!

澳门月刊
2026-09-17 16:53:28
CCTV5今日不直播,临时调整!中国男篮vs日本男篮,压力不小?

CCTV5今日不直播,临时调整!中国男篮vs日本男篮,压力不小?

老糿尾声体育解说
2026-09-18 07:47:57
武大杨某媛西班牙读博再被举报:“赶尽杀绝”的追问,藏着比愤怒更复杂的东西

武大杨某媛西班牙读博再被举报:“赶尽杀绝”的追问,藏着比愤怒更复杂的东西

听心堂
2026-09-18 07:42:36
被网友的「锅子清洁大法」惊呆了!用了10多年,依旧干净锃亮

被网友的「锅子清洁大法」惊呆了!用了10多年,依旧干净锃亮

装修秀
2026-09-05 15:49:07
白举纲敦煌婚礼刷屏!娱乐圈最稀缺的爱情:低调守护,岁岁安稳

白举纲敦煌婚礼刷屏!娱乐圈最稀缺的爱情:低调守护,岁岁安稳

传递满满正能量
2026-09-18 06:24:43
9月17日新消息!大家苦等的2026退休养老金到底涨不涨,怎么涨?

9月17日新消息!大家苦等的2026退休养老金到底涨不涨,怎么涨?

兵卒史
2026-09-17 15:19:10
1/8决赛不敌朝鲜,日本无缘连续4届晋级U20女足世界杯决赛

1/8决赛不敌朝鲜,日本无缘连续4届晋级U20女足世界杯决赛

懂球帝
2026-09-18 02:33:08
2026-09-18 20:12:49
人人都是产品经理社区 incentive-icons
人人都是产品经理社区
想要成为大牛先从学做产品开始
65122文章数 311659关注度
往期回顾 全部

科技要闻

直击iPhone 18新机发售:黄牛加价不如前代

头条要闻

俄杜马选举拉夫罗夫"意外"登顶名单 梅德韦杰夫被拿下

头条要闻

俄杜马选举拉夫罗夫"意外"登顶名单 梅德韦杰夫被拿下

体育要闻

一个角色球员,靠什么在NBA征战17年

娱乐要闻

陈思诚 佟丽娅不想让儿子知道两人离婚

财经要闻

研发0.25亿理财26亿,敷尔佳豪赌三类器械

汽车要闻

纯电/插混双动力+五座/六座双布局 海狮08应该怎么选?

态度原创

游戏
教育
本地
数码
军事航空

《GTA6》首发只有单机 Take-Two确认GTAOL不会停更

教育要闻

放过一年级的娃吧,横平竖直,不该是6岁孩子的KPI

本地新闻

中秋逛白塔寺,体验国医妙荟雅集

数码要闻

蓝宝石公布类魂游戏《不朽遗志》联名款NITRO+ RX 9070 XT OC显卡

军事要闻

中方反对在安理会强推恢复对伊朗制裁

无障碍浏览 进入关怀版