Description
BMad UX captures your UX vision in two documents. DESIGN.md records how the product looks: its visual identity, colors, typography, layout, components and do's and don'ts. EXPERIENCE.md records how it behaves: information architecture, voice and tone, component behaviour, states, interactions, accessibility, and the key user flows. The two documents are peers, and EXPERIENCE.md refers to design tokens in DESIGN.md by name. The skill works as a UX facilitator and elicits your vision rather than imposing its own. It only suggests colors, patterns or directions when a theme is already in place and you confirm it, and it can render options with creative tools when seeing them helps. The choices are always yours. DESIGN.md follows a published Google Labs spec, with YAML frontmatter for tokens and a markdown body in a fixed order. Both documents are shaped by example files that the project provides. Use it when you say something like 'let's create UX' for a product. It reads its settings from the project's _bmad/ folder, and if BMad is not set up there it offers to run setup first. The skill is part of the BMad Method project on GitHub, which has about 54,000 stars.…
Highlights
- Writes DESIGN.md for visual identity
- Writes EXPERIENCE.md for behaviour and flows
- Follows the Google Labs DESIGN.md spec
- Elicits your vision rather than imposing one
- Cross-references design tokens by name
Ratings & Reviews
No ratings yet
Be the first to rate bmad-ux.
People also visit
bmad-ux FAQ
What does BMad UX produce?
Two documents: DESIGN.md for how the product looks, and EXPERIENCE.md for how it behaves.
What goes in DESIGN.md?
Brand and style, colors, typography, layout and spacing, elevation, shapes, components, and do's and don'ts, following a published Google Labs spec.
What goes in EXPERIENCE.md?
Information architecture, voice and tone, component behaviour, state and interaction patterns, accessibility, and key flows told through a named user.
Does it choose the design for me?
No. It asks questions and captures your vision. It only proposes colors or directions when a theme is already in place and you confirm it.
Does it need any setup?
Yes. The project needs BMad set up with a _bmad/ folder. If it is missing, the skill offers to run setup first.
How do I install it?
Run npx skills add https://github.com/bmad-code-org/bmad-method --skill bmad-ux.
Is it free and checked for security?
The listing shows it as free. Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk.
What are the best bmad-ux alternatives?
Popular alternatives to bmad-ux include design-system, normalize and bmad-agent-ux-designer. See all bmad-ux alternatives