让AI先帮你把界面画出来：bmad-ux-design体验

写需求文档的时候，最让人头秃的是什么？

不是”功能怎么实现”，而是——“这个界面到底长什么样”。

产品经理说”要做一个用户友好的界面”，设计师说”等我出图”，开发说”等我拿到设计稿”。三方等待，节奏卡死。这种跨角色的沟通损耗，在 AI Agent 时代有没有解法？

最近发现一个叫 bmad-ux-design 的 Skill，体验了一下，发现它解决的就是这个问题。

一句话说清楚它是什么

bmad-ux-design 是一个专门给 AI Agent 用的 UX 设计助手。当你在项目里问出”界面应该长什么样”、”用户流程是什么”、”帮我画个线框图”这类问题时，它会自动激活，然后输出：

• 用户流程图（User Flows）
• 线框图（Wireframes）
• 设计系统组件规范（Design System）
• UX 需求检查清单
• 可用性验证计划

触发它很简单

不需要专门调用，用自然语言就行：

• “What should the UI look like?”
• “Design the UX for [某个功能]”
• “Create wireframes”
• “User flow for [某个场景]”

它自己会判断当前项目是否需要 UI 设计介入，什么时候该激活、什么时候该跳过，都写在 SKILL.md 里了。

实际用起来怎么样

我测试了一下，给它一段 PRD 描述，它输出的内容结构非常清晰：先梳理信息架构，再画用户流程，然后是线框图的模板框架，最后配上一份检查清单，确保每个设计决策都能溯源到原始需求。

配合 tldraw 或 Excalidraw 这类白板工具，可以直接出图；配合设计系统模板，输出可以直接交给开发落地。62 个 GitHub Stars，在同类 Skill 里属于相当活跃的。

为什么我觉得它值得关注

现在的 AI 编程助手，大多在”怎么写代码”上很卷，但在”需求怎么变成界面”这个环节还是很弱。bmad-ux-design 补的就是这个缺口——它不是替代设计师，而是帮整个团队在进入开发之前，先把”要做成什么样”这件事对齐。

对于 AI 产品团队来说，这种 Skill 可能是下一个值得标配的工具。

GitHub：https://github.com/bacoco/BMad-Skills

GitHub: https://github.com/bacoco/BMad-Skills