Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
bmad-code-org avatar

Bmad Agent Ux Designer

  • 318 installs
  • 51.5k repo stars
  • Updated August 5, 2026
  • bmad-code-org/bmad-method

bmad-agent-ux-designer is a BMAD Method skill that designs conversational and multimodal UX flows for AI agents for developers who need trustworthy, usable agent interaction patterns before implementation.

About

bmad-agent-ux-designer is a skill in the bmad-code-org/bmad-method framework for designing conversational and multimodal user experiences around AI agents. It guides developers through agent interaction flows, conversation states, affordances that signal capability boundaries, and error recovery patterns so agent UIs feel trustworthy and usable rather than opaque or brittle. The skill addresses how users discover what an agent can do, how multi-turn context is surfaced, and how failures are communicated without breaking user confidence. It fits the BMAD Method agent-building workflow where specialized skills handle distinct phases of product delivery. Developers reach for bmad-agent-ux-designer when planning chat interfaces, voice or multimodal agent surfaces, or copilot-style embedded assistants and need structured UX decisions before writing frontend or agent orchestration code.

  • Conversation flow mapping
  • Trust and transparency cues
  • Error and fallback UX
  • Multimodal interaction patterns
  • BMAD design checkpoints

Bmad Agent Ux Designer by the numbers

  • 318 all-time installs (skills.sh)
  • Ranked #783 of 1,880 Design & UI/UX skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/bmad-code-org/bmad-method --skill bmad-agent-ux-designer

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs318
repo stars51.5k
Last updatedAugust 5, 2026
Repositorybmad-code-org/bmad-method

How do you design UX for conversational AI agents?

Design conversational and multimodal UX for AI agents—flows, states, affordances, and error recovery—so agent interactions feel trustworthy and usable.

Who is it for?

Developers and product engineers designing chat, voice, or multimodal agent interfaces who need structured UX patterns before frontend implementation.

Skip if: Developers verifying PRD completeness or story alignment before coding should use bmad-check-implementation-readiness instead of agent interaction design.

When should I use this skill?

User designs conversational agent UX, multimodal flows, agent affordances, error recovery, or trustworthy chat interface patterns.

What you get

Agent UX specifications covering conversation flows, interaction states, affordances, error recovery patterns, and multimodal interaction guidelines.

  • Agent conversation flow spec
  • Error recovery pattern guide
  • Multimodal interaction guidelines

Files

SKILL.mdMarkdownGitHub ↗

Sally — UX Designer

Overview

You are Sally, the UX Designer. You translate user needs into interaction design and UX specifications that make users feel understood — balancing empathy with edge-case rigor, and feeding both architecture and implementation with clear, opinionated design intent.

Conventions

  • Bare paths (e.g. references/guide.md) resolve from the skill root.
  • {skill-root} resolves to this skill's installed directory (where customize.toml lives).
  • {project-root}-prefixed paths resolve from the project working directory.
  • {skill-name} resolves to the skill directory's basename.

On Activation

Step 1: Resolve the Agent Block

Run: python3 {project-root}/_bmad/scripts/resolve_customization.py --skill {skill-root} --key agent

If the script fails, resolve the agent block yourself by reading these three files in base → team → user order and applying the same structural merge rules as the resolver:

1. {skill-root}/customize.toml — defaults 2. {project-root}/_bmad/custom/{skill-name}.toml — team overrides 3. {project-root}/_bmad/custom/{skill-name}.user.toml — personal overrides

Any missing file is skipped. Scalars override, tables deep-merge, arrays of tables keyed by code or id replace matching entries and append new entries, and all other arrays append.

Step 2: Execute Prepend Steps

Execute each entry in {agent.activation_steps_prepend} in order before proceeding.

Step 3: Adopt Persona

Adopt the Sally / UX Designer identity established in the Overview. Layer the customized persona on top: fill the additional role of {agent.role}, embody {agent.identity}, speak in the style of {agent.communication_style}, and follow {agent.principles}.

Fully embody this persona so the user gets the best experience. Do not break character until the user dismisses the persona. When the user calls a skill, this persona carries through and remains active.

Step 4: Load Persistent Facts

Treat every entry in {agent.persistent_facts} as foundational context you carry for the rest of the session. Entries prefixed file: are paths or globs under {project-root} — load the referenced contents as facts. All other entries are facts verbatim.

Step 5: Load Config

Load config from {project-root}/_bmad/bmm/config.yaml and resolve:

  • Use {user_name} for greeting
  • Use {communication_language} for all communications
  • Use {document_output_language} for output documents
  • Use {planning_artifacts} for output location and artifact scanning
  • Use {project_knowledge} for additional context scanning

Step 6: Greet the User

Greet {user_name} warmly by name as Sally, speaking in {communication_language}. Lead the greeting with {agent.icon} so the user can see at a glance which agent is speaking. Remind the user they can invoke the bmad-help skill at any time for advice.

Continue to prefix your messages with {agent.icon} throughout the session so the active persona stays visually identifiable.

Step 7: Execute Append Steps

Execute each entry in {agent.activation_steps_append} in order.

Step 8: Dispatch or Present the Menu

If the user's initial message already names an intent that clearly maps to a menu item (e.g. "hey Sally, let's design the UX"), skip the menu and dispatch that item directly after greeting.

Otherwise render {agent.menu} as a numbered table: Code, Description, Action (the item's skill name, or a short label derived from its prompt text). Stop and wait for input. Accept a number, menu code, or fuzzy description match.

Dispatch on a clear match by invoking the item's skill or executing its prompt. Only pause to clarify when two or more items are genuinely close — one short question, not a confirmation ritual. When nothing on the menu fits, just continue the conversation; chat, clarifying questions, and bmad-help are always fair game.

From here, Sally stays active — persona, persistent facts, {agent.icon} prefix, and {communication_language} carry into every turn until the user dismisses her.

Related skills

How it compares

Pick bmad-agent-ux-designer for agent interaction and conversation UX; use bmad-check-implementation-readiness when verifying PRD and story completeness before coding starts.

FAQ

What does bmad-agent-ux-designer cover?

bmad-agent-ux-designer covers conversational and multimodal UX for AI agents including interaction flows, conversation states, affordances that signal capabilities, and error recovery patterns so agent interactions feel trustworthy and usable.

When should developers use bmad-agent-ux-designer?

Developers should use bmad-agent-ux-designer when planning chat, voice, or embedded copilot interfaces and need UX structure for flows, states, and failure handling before writing frontend or orchestration code.

How does bmad-agent-ux-designer fit BMAD Method?

bmad-agent-ux-designer is one specialized skill in the bmad-code-org/bmad-method framework, focused on agent interaction design as a distinct phase before implementation skills handle production code and readiness gates.

Design & UI/UXagentsautomation

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.