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

让 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 预览版。