Skill两步生成PRD
本文先通过Skill生成PRD,再让其他模型根据PRD来写代码的产品，直接产出基本可以直接交付的文档。
用Skill生成独立开发
Step 1: 进入code codz链接，点击对话框上方的“技能”。
Step 2：掏出两篇PRD产品文档。让他分析学习后生成一个能把产品构想改写成高质量的PRD的技能。
在这个页面的左边栏，能看到制作Skill的细节👇
第一步：听懂客户在说什么
客户说："我想要个高大上的系统"
普通产品经理："好的，明白"（其实根本不明白）
高手产品经理："能具体说说吗？比如你们平时怎么用？谁用？希望解决什么问题？"
关键不在于听客户说什么，而在于问出客户没说的。
product-design 技能里有一套完整的用户研究方法：
🔔
•
用户访谈：一对一深度聊，挖出真实痛点
•
问卷调查：大范围收集，找到共性需求
•
焦点小组：让大家一起讨论，碰撞出火花
•
可用性测试：看着用户用，发现问题在哪
•
数据分析：用数据说话，不靠感觉
然后，模拟出用户画像把需求具象化：
代码块
Plain Text
【基本信息】
姓名：李总（虚拟）
年龄：35
职业：连锁零售老板
这样一看，需求就变得清晰了。
第二步：用 product-design 生成需求文档
听懂了需求，接下来就是整理。
别再用 Word 写那种又长又没人看的 PRD 了！
product-design 帮你生成结构化的markdown格式的需求文档：
代码块
Plain Text
产品需求文档
1. 背景
问题描述：门店数据分散，无法实时掌握经营状况
目标用户：零售连锁门店管理者
业务目标：提升决策效率 50%
2. 功能需求
用 KANO 模型排优先级，用用户故事讲场景，用数据指标衡量成功。
第三步：用 ui-ux-pro-max 生成前端案例
需求文档有了，但客户看不懂啊！
你说"数据看板"，他以为是 Excel 表格...
这时候，ui-ux-pro-max出场了。
这个技能有多牛？
🔔
•
50+ 种设计风格：玻璃拟态、极简主义、新拟态...随便选
•
161 种配色方案：从科技蓝到温暖橙，总有一款适合
•
57 种字体搭配：专业感拉满
•
99 条 UX 指南：无障碍、交互、响应式，全涵盖
🔔
你只需要告诉它：
"帮我生成一个零售数据看板的首页，科技风格，蓝色调"
🌐
一个完整的前端页面就出来了：
•
响应式布局，手机电脑都能看
•
专业配色，对比度符合 WCAG 标准
•
交互动画，流畅自然
•
图表选择，趋势用折线、对比用柱状
客户一看："对！这就是我想要的！"
第四步：多轮沟通，快速迭代
客户说："颜色能不能再亮一点？"
"没问题！"
30 秒，新页面出来了。
🔔
客户又说："这个图表能不能换成饼图？"
你心里知道饼图不适合展示趋势，但不能跟客户犟啊。
于是你生成两个版本：
•
版本 A：饼图（客户要求）
50%
50%
•
版本 B：折线图（专业推荐）
让客户自己选。
结果？90% 的客户选了折线图。
为什么？因为对比产生认知。
第五步：最终交付，研发直接用
🔔
✅ 结构化的需求文档（来自 product-design）
•
用户画像
•
功能列表
•
优先级排序
•
成功指标
🔔
✅ 高保真的前端页面（来自ui-ux-pro-max）
•
完整的 HTML/CSS/JS
•
响应式设计
•
交互说明
•
设计规范
研发拿到手，直接开工！
不用猜需求，不用问尺寸，不用调颜色...
所有细节都在文档和代码里。
真实案例：从模糊到清晰
我们最近要新建一个内部的技能广场：
作为程序猿，毫无产品设计经验要怎么做呢？
第一阶段：用 product-design 挖需求
一句话告诉他大概需求，并可以给出成熟平台参考
AI技能主动挖掘需求，生成任务计划：
50%
构建的用户画像1：开发者/技术人员
50%
65%
35%
构建的用户画像2：Skill创作者
32%
构建的用户画像3：平台管理者
68%
32%
68%
竞品分析：
65%
需求分析：
35%
65%
35%
生成的需求树框架：
代码块
Plain Text
内部 Skill 分享平台
│
├── 首页
│ ├── 搜索栏（全局搜索）
│ ├── 热门推荐
│ ├── 最新发布
│ ├── 分类导航
│ └── 个性化推荐（V2.0）
│
├── Skill 浏览
│ ├── 分类浏览
│ │ ├── AI/机器学习
│ │ ├── 后端开发
需求优化：
最终生成详细需求文档：
第二阶段：用 ui-ux-pro-max 出原型
直接使用上一步骤生成的需求文档，结合 ui-ux-pro-max 技能生成前端项目：
添加待办：
代码生成完成，效果展示：
Ai自动化分析并生成的skill分享平台
第三阶段：反馈 + 迭代
🔔
最终交付：
根据多轮对话优化，最终交付给开发人员需求文档和前端框架代码
从一句话到完整产品UI设计与前端代码，只用了一天。
❀07 为什么这个组合这么强？
product-design 解决的是"做什么"的问题：
•
用户是谁？
•
痛点在哪？
•
功能怎么排优先级？
•
怎么衡量成功？
ui-ux-pro-max 解决的是"长什么样"的问题：
•
什么风格适合？
•
什么配色专业？
•
什么交互流畅？
•
什么布局合理？
两者结合，就是完整的产品设计闭环。
给产品经理的 3 个建议
🔔
别怕问问题
客户不是专业的，他们说不清楚需求很正常。
你的价值，就是帮他们把模糊的想法变成清晰的需求。
最后说两句
AI 时代，程序猿也可以成为产品经理，并且产品经理的核心竞争力将不再是写文档
而是理解用户、定义问题、快速验证。
product-design 和 ui-ux-pro-max 这两个技能，就是帮你把这三件事做到极致。
从"猜需求"到"造需求"， 从"等设计"到"出设计"， 从"写文档"到"交付产品"。
这才是 AI 时代产品经理该有的样子。