从沟通到交付,全流程 AI 赋能


你是不是也遇到过这样的情况:

客户说"我想要一个好看的商城",然后就没然后了...

到底什么叫"好看"? 什么叫"商城"? 要什么功能? 什么风格?

全靠猜?

错!

今天给大家介绍两个王炸组合——product-design 和 ui-ux-pro-max,让你从"猜需求"变成"造需求"。

图片


❀01 第一步:听懂客户在说什么

客户说:"我想要个高大上的系统"

普通产品经理:"好的,明白"(其实根本不明白)

高手产品经理:"能具体说说吗?比如你们平时怎么用?谁用?希望解决什么问题?"

关键不在于听客户说什么,而在于问出客户没说的。

product-design 技能里有一套完整的用户研究方法:

图片

  • 用户访谈:一对一深度聊,挖出真实痛点
  • 问卷调查:大范围收集,找到共性需求
  • 焦点小组:让大家一起讨论,碰撞出火花
  • 可用性测试:看着用户用,发现问题在哪
  • 数据分析:用数据说话,不靠感觉

然后,模拟出用户画像把需求具象化:

【基本信息】
- 姓名:张总(虚拟)
- 年龄:35
- 职业:连锁零售老板
- 城市:杭州

【行为特征】
- 使用场景:门店管理、库存查看、销售分析
- 痛点:数据分散、反应慢、操作复杂

【需求层次】
- 基本需求:能看数据
- 期望需求:操作简单
- 兴奋需求:智能预警

你看,需求一下子清晰了。


❀02 第二步:用 product-design 生成需求文档

听懂了需求,接下来就是整理。

别再用 Word 写那种又长又没人看的 PRD 了!

product-design 帮你生成结构化的markdown格式的需求文档

# 产品需求文档

## 1. 背景
- 问题描述:门店数据分散,无法实时掌握经营状况
- 目标用户:零售连锁门店管理者
- 业务目标:提升决策效率 50%

## 2. 功能需求
- 数据看板(Must)
- 库存预警(Should)
- 销售分析(Could)

## 3. 用户故事
- 作为门店经理
- 我希望打开手机就能看到今日销售数据
- 以便及时调整促销策略

## 4. 成功标准
- 核心指标:日活用户数
- 目标值:上线 30 天内达到 80%

用 KANO 模型排优先级,用用户故事讲场景,用数据指标衡量成功。

这才叫专业。


❀03 第三步:用 ui-ux-pro-max 生成前端案例

需求文档有了,但客户看不懂啊!

你说"数据看板",他以为是 Excel 表格...

这时候,ui-ux-pro-max 出场了。

这个技能有多牛?

  • 50+ 种设计风格:玻璃拟态、极简主义、新拟态...随便选
  • 161 种配色方案:从科技蓝到温暖橙,总有一款适合
  • 57 种字体搭配:专业感拉满
  • 99 条 UX 指南:无障碍、交互、响应式,全涵盖

图片


你只需要告诉它:

"帮我生成一个零售数据看板的首页,科技风格,蓝色调"

砰!

一个完整的前端页面就出来了:

  • 响应式布局,手机电脑都能看

  • 专业配色,对比度符合 WCAG 标准

  • 交互动画,流畅自然

  • 图表选择,趋势用折线、对比用柱状

客户一看:"对!这就是我想要的!"


❀04 第四步:多轮沟通,快速迭代

客户说:"颜色能不能再亮一点?"

"没问题!"

以前你得找设计师,等排期,改稿,再等...

现在?

告诉 ui-ux-pro-max:"把主色调改成更亮的蓝色,对比度保持 4.5:1 以上"

30 秒,新页面出来了。

客户又说:"这个图表能不能换成饼图?"

你心里知道饼图不适合展示趋势,但不能跟客户犟啊。

于是你生成两个版本:

  • 版本 A:折线图(专业推荐)

  • 版本 B:饼图(客户要求)

让客户自己选。

结果?90% 的客户选了折线图。

为什么?因为对比产生认知


❀05 第五步:最终交付,研发直接用

经过几轮沟通,需求确定了,UI 也确认了。

这时候,你手里有什么?

✅ 结构化的需求文档(来自 product-design)

  • 用户画像

  • 功能列表

  • 优先级排序

  • 成功指标

✅ 高保真的前端页面(来自 ui-ux-pro-max)

  • 完整的 HTML/CSS/JS

  • 响应式设计

  • 交互说明

  • 设计规范

研发拿到手,直接开工!

不用猜需求,不用问尺寸,不用调颜色...

所有细节都在文档和代码里。


❀06 真实案例:从模糊到清晰

我们最近要新建一个内部的技能广场:

作为程序猿,毫无产品设计经验要怎么做呢?

第一阶段:用 product-design 挖需求

一句话告诉他大概需求,并可以给出成熟平台参考

图片

AI技能主动挖掘需求,生成任务计划:

图片

构建的用户画像1:开发者/技术人员

图片

构建的用户画像2:Skill创作者

图片

构建的用户画像3:平台管理者

图片

竞品分析:

图片

需求分析:

图片

生成的需求树框架:

内部 Skill 分享平台├── 首页│   ├── 搜索栏(全局搜索)│   ├── 热门推荐│   ├── 最新发布│   ├── 分类导航│   └── 个性化推荐(V2.0)├── Skill 浏览│   ├── 分类浏览│   │   ├── AI/机器学习│   │   ├── 后端开发│   │   ├── 前端开发│   │   ├── DevOps│   │   ├── 数据库│   │   ├── 测试│   │   └── 其他│   ├── 标签筛选│   ├── 排序方式│   │   ├── 热度│   │   ├── 最新│   │   ├── 评分│   │   └── 下载量│   └── 高级筛选│       ├── 技术栈│       ├── 难度级别│       ├── 作者│       └── 更新时间├── Skill 详情│   ├── 基本信息│   │   ├── 标题│   │   ├── 描述│   │   ├── 作者信息│   │   ├── 创建/更新时间│   │   ├── 浏览量/下载量│   │   └── 评分│   ├── 内容展示│   │   ├── 使用说明│   │   ├── 代码示例(高亮)│   │   ├── 依赖说明│   │   └── 注意事项│   ├── 互动区域│   │   ├── 收藏│   │   ├── 点赞│   │   ├── 评论│   │   └── 分享│   ├── 版本历史│   └── 相关推荐├── 发布 Skill│   ├── 基本信息填写│   │   ├── 标题│   │   ├── 描述│   │   ├── 分类选择│   │   ├── 标签添加│   │   └── 难度级别│   ├── 内容编辑│   │   ├── Markdown 编辑器│   │   ├── 代码块插入│   │   ├── 图片上传│   │   └── 预览功能│   ├── 元数据配置│   │   ├── 依赖声明│   │   ├── 适用场景│   │   └── 兼容性说明│   └── 发布设置│       ├── 公开/私有│       ├── 团队可见│       └── 定时发布├── 个人中心│   ├── 我的 Skill│   │   ├── 已发布│   │   ├── 草稿箱│   │   └── 已下架│   ├── 我的收藏│   ├── 我的点赞│   ├── 我的评论│   ├── 数据统计│   │   ├── 浏览量│   │   ├── 下载量│   │   ├── 点赞数│   │   └── 影响力指数│   └── 个人设置├── 管理后台(管理员)│   ├── 内容管理│   │   ├── Skill 审核│   │   ├── 违规处理│   │   └── 分类管理│   ├── 用户管理│   ├── 数据统计│   │   ├── 平台概览│   │   ├── 热门趋势│   │   ├── 用户活跃度│   │   └── 内容质量分析│   └── 系统设置└── 搜索    ├── 关键词搜索    ├── 搜索结果    ├── 搜索建议    └── 搜索历史

需求优化:

图片

最终生成详细需求文档:

图片

第二阶段:用 ui-ux-pro-max 出原型

直接使用上一步骤生成的需求文档,结合 ui-ux-pro-max 技能生成前端项目:

图片

添加待办:

图片

代码生成完成,效果展示:

Ai自动化分析并生成的skill分享平台

第三阶段:反馈 + 迭代

    图片

    最终交付:

    根据多轮对话优化,最终交付给开发人员需求文档和前端框架代码

    从一句话到完整产品UI设计与前端代码,只用了一天。


    ❀07 为什么这个组合这么强?

    图片

    product-design 解决的是"做什么"的问题:

    • 用户是谁?

    • 痛点在哪?

    • 功能怎么排优先级?

    • 怎么衡量成功?

    ui-ux-pro-max 解决的是"长什么样"的问题:

    • 什么风格适合?

    • 什么配色专业?

    • 什么交互流畅?

    • 什么布局合理?

    两者结合,就是完整的产品设计闭环。


    ❀08 给产品经理的 3 个建议

    1. 别怕问问题

    客户不是专业的,他们说不清楚需求很正常。

    你的价值,就是帮他们把模糊的想法变成清晰的需求。

    2. 用原型说话,别用文档

    客户看不懂 PRD,但看得懂页面。

    一个原型胜过千言万语。

    3. 快速迭代,别追求完美

    第一版肯定不完美,但先有再优

    让客户看到东西,他们才知道自己想要什么。


    ❀最后说两句

    图片

    AI 时代,程序猿也可以成为产品经理,并且产品经理的核心竞争力将不再是写文档,而是理解用户、定义问题、快速验证

    product-design 和 ui-ux-pro-max 这两个技能,就是帮你把这三件事做到极致。

    从"猜需求"到"造需求", 从"等设计"到"出设计", 从"写文档"到"交付产品"。

    这才是 AI 时代产品经理该有的样子。


    你觉得呢?欢迎在评论区聊聊你的看法!

    如果你觉得这篇文章对你有帮助,点个赞、转给需要的朋友,让更多人看到!

    Logo

    AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

    更多推荐