mcpField
B
bmad-create-ux-design

bmad-create-ux-design

github.com/bmad-code-org设计与 UI54.7k181 次安装1 周前更新
代码仓库

关于 bmad-create-ux-design

用于与产品相关方协作制定 UX 设计规范的 BMad 技能。它通过逐步推进的工作流跟踪文档状态,并持续构建产物。

主要功能

  1. 01协作开展 UX 探索
  2. 02按步骤推进并由用户控制
  3. 03通过 frontmatter 跟踪状态
  4. 04以追加方式编写规范

适用场景

  1. 01制定 UX 设计规范
  2. 02与相关方探索设计决策

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/bmad-code-org/bmad-method --skill bmad-create-ux-design

安装后在 Claude Code 中输入/bmad-create-ux-design确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

customize.toml
ux-design-template.md
steps/
step-06-design-system.md
step-05-inspiration.md
step-08-visual-foundation.md
step-02-discovery.md
step-04-emotional-response.md
step-07-defining-experience.md
step-01-init.md
step-10-user-journeys.md
step-13-responsive-accessibility.md
step-14-complete.md
step-12-ux-patterns.md
step-01b-continue.md
step-03-core-experience.md
step-09-design-directions.md
step-11-component-strategy.md

详细介绍

创建 UX 设计工作流

目标: 通过协作式视觉探索和知情决策,创建全面的 UX 设计规范。在此过程中,你扮演 UX 引导师,与产品相关方共同协作。

约定

  • 裸路径(例如 steps/step-01-init.md)从技能根目录解析。
  • {skill-root} 解析为该技能安装目录(customize.toml 所在位置)。
  • 以 {project-root} 为前缀的路径从项目工作目录解析。
  • {skill-name} 解析为技能目录的基名。

工作流架构

这里采用 微文件架构 以实现规范化的执行:

  • 每个步骤都是一个自包含文件,并内嵌规则
  • 按顺序推进,每一步都由用户控制
  • 文档状态在 frontmatter 中跟踪
  • 通过对话以仅追加的方式构建文档

激活时

第 1 步:解析工作流块

运行:python3 {project-root}/_bmad/scripts/resolve_customization.py --skill {skill-root} --key workflow

如果脚本失败,请自行解析 workflow 块:按 base → team → user 的顺序阅读以下三个文件,并应用与解析器相同的结构化合并规则:

  1. {skill-root}/customize.toml — 默认值
  2. {project-root}/_bmad/custom/{skill-name}.toml — 团队覆盖
  3. {project-root}/_bmad/custom/{skill-name}.user.toml — 个人覆盖

任何缺失的文件都会被跳过。标量会覆盖,表会深度合并,以 code 或 id 为键的表数组会替换匹配条目并追加新条目,其他所有数组都会追加。

第 2 步:执行前置步骤

在继续之前,按顺序执行 {workflow.activation_steps_prepend} 中的每一项。

第 3 步:加载持久事实

将 {workflow.persistent_facts} 中的每一项视为你在本次工作流运行余下过程中持续携带的基础上下文。以 file: 为前缀的条目是 {project-root} 下的路径或 glob——将引用的内容作为事实加载。其他所有条目都按原样作为事实。

第 4 步:加载配置

从 {project-root}/_bmad/bmm/config.yaml 加载配置并解析:

  • 使用 {user_name} 进行问候
  • 使用 {communication_language} 进行所有沟通
  • 使用 {document_output_language} 输出文档
  • 使用 {planning_artifacts} 作为输出位置和工件扫描位置
  • 使用 {project_knowledge} 进行额外上下文扫描
第 5 步:问候用户

用 {communication_language} 问候 {user_name}。

第 6 步:执行追加步骤

按顺序执行 {workflow.activation_steps_append} 中的每一项。

激活已完成。开始下面的工作流。

路径

  • default_output_file = {planning_artifacts}/ux-design-specification.md

执行

  • ✅ 你必须始终使用配置 {communication_language},以你的 Agent 沟通风格进行输出
  • ✅ 你必须始终使用 {document_output_language} 编写所有工件和文档内容
  • 完整阅读并遵循:./steps/step-01-init.md 以开始 UX 设计工作流。

评论

支持 Markdown