关于 bmad-ux-design
这是一项 BMAD UX 设计技能，将产品需求和技术约束转化为用户流程、线框图及设计说明，适用于包含界面工作的项目。还涵盖验证计划和交接检查。
主要功能
- 01用户流程与状态图
- 02线框图和设计系统模板
- 03关联需求的 UX 检查清单
- 04可用性与实验验证计划
- 05基于清单的设计交接
适用场景
- 01规划功能的交互流程
- 02根据 PRD 编写界面需求
- 03为架构和交付准备 UX 产物
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/bmad-ux-design确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
CHECKLIST.mdREFERENCE.mdWORKFLOW.mdassets/README.mdscripts/README.md详细介绍
UX 蓝图技能
调用时机
在用户出现以下情况时自动激活：
- 询问“UI 应该是什么样的？”、“设计 UX”
- 询问“用户应该如何交互？”、“用户流程？”
- 提到“线框图”、“用户体验”、“界面设计”
- PRD 包含大量 UI 功能（Level 2-4）
- 使用 UX、UI、设计、线框图、界面、易用性等词语
具体触发短语：
- “UI 应该是什么样的？”
- “为 [feature] 设计 UX”
- “创建线框图”
- “[feature] 的用户体验”
- “界面设计”
- “[scenario] 的用户流程”
以下情况请勿调用：
- 项目没有 UI/界面（仅后端）
- PRD 尚未准备就绪（请先使用 bmad-product-planning）
- 已有 UX 规范（跳到架构或故事）
使命
设计符合 BMAD 要求的用户体验，记录流程、交互状态和验证计划，以支持架构、交付和开发工作。
所需输入
- prd_sections：用户旅程、功能需求、约束条件
- architecture_notes：影响 UX 的技术或平台限制
- brand_guidelines：无障碍、语气、目标设备或视觉标准
输出
- 用户流程（来自
assets/user-flows-template.md.template） - 线框图（来自
assets/wireframes-template.md.template） - 设计系统（来自
assets/design-system-template.md.template） - 与 PRD 和故事关联的 UX 需求检查清单
- 验证计划（易用性或实验），用于与质量保证工作对齐
模板位置： .claude/skills/bmad-ux-design/assets/*.template
流程
- 通过
CHECKLIST.md确认前置条件。 - 明确需要设计的用户角色、场景和界面。
- 制定信息架构、流程和状态图。
- 编写与需求相关的组件规范和内容规则。
- 确定验证方法（测试、埋点、成功信号），并与交付规划和质量保证技能共享。
自动化说明： 此技能目前通过协作式设计对话并使用模板运行。不需要自动化脚本——线框图和设计产物均使用 assets/ 中的模板手动创建。未来的自动化路线图请参阅 scripts/README.md。
质量关卡
确保每项 UX 决策都能追溯到需求或约束条件。交接前运行 CHECKLIST.md。
错误处理
- 如果需求相互冲突或缺失，请先请求澄清，再进行设计。
- 标记影响用户体验的技术限制，并与架构设计协同处理。
- 如果约束条件无法实现理想的 UX 结果，请提供替代建议。
评论
支持 Markdown