bmad-agent-ux-designer

bmad-agent-ux-designer is a skill for Claude Code, Codex from CDCgov/cdc-open-viz. It costs 29 tokens per session (938 once invoked), scanned A, a copy of bmad-agent-analyst, Apache-2.0.

A UX and interface design role that turns user needs into interaction and screen specifications.

In plain words
What is it for?
Use it when you need a UX designer to shape flows, interfaces, and detailed design intent.
Why use it?
It helps clarify how a product should behave, including unusual cases, before architecture and implementation work begins.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: installed under .agents/ (shared by several agents).

Good fit Use it when you need a UX designer to shape flows, interfaces, and detailed design intent.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/cdcgov/cdc-open-viz/bmad-agent-ux-designer
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add CDCgov/cdc-open-viz --skill bmad-agent-ux-designer
Clone the repo
git clone --depth 1 https://github.com/CDCgov/cdc-open-viz

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for bmad-agent-ux-designer

README.md
[![agentmods](https://agentmods.dev/badge/skills/cdcgov/cdc-open-viz/bmad-agent-ux-designer/github.svg)](https://agentmods.dev/skills/cdcgov/cdc-open-viz/bmad-agent-ux-designer)
Your own site
<a href="https://agentmods.dev/skills/cdcgov/cdc-open-viz/bmad-agent-ux-designer"><img src="https://agentmods.dev/badge/skills/cdcgov/cdc-open-viz/bmad-agent-ux-designer/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for bmad-agent-ux-designer

Your own site · 80×15
<a href="https://agentmods.dev/skills/cdcgov/cdc-open-viz/bmad-agent-ux-designer"><img src="https://agentmods.dev/badge/skills/cdcgov/cdc-open-viz/bmad-agent-ux-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 29 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 938 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin 86% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00029 $0.00938
Opus 5 $0.00015 $0.00469
Sonnet 5 $0.00006 $0.00188
Haiku 4.5 $0.00003 $0.00094

Measured 12d ago against content hash 3ac99856f0ee, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

bmad-agent-ux-designer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

86% identical to bmad-agent-analyst — 16 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

.agents/skills/bmad-agent-ux-designer/SKILL.md · 75 lines

How it starts

The opening of the file, as written. The whole thing — 75 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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.

Read the full file on GitHub · 75 lines

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 12d ago First seen · 75 lines · 29 tokens per session scan A 3ac99856f0ee

Subscribe to this mod's changes

bmad-agent-ux-designer is a skill published in the GitHub repository CDCgov/cdc-open-viz (55 stars, last pushed today), licensed Apache-2.0. It adds 29 tokens to every session and 938 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. It is 86% identical to bmad-agent-analyst, differing in 16 lines, and is treated as a copy.

Related

Other skills, from other repositories

build-with-tinybase

Scaffold, extend, and verify reactive local-first JavaScript or TypeScript applications with TinyBase. Use when choosing TinyBase for in-memory tabular or key-value state, generating an app with create-tinybase, adding schemas or UI bindings, configuring browser or database persistence, configuring MergeableStore…

tinyplex/tinybase · 76 tokens

cobejs

Use when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).

MengTo/Skills · 31 tokens

semiotic-charts

Build, repair, and verify charts in an existing Semiotic project, when Semiotic is explicitly requested, or when evaluating its documented capabilities against a visualization task. Preserve the project's dependency and runtime constraints; routine changes in another charting stack and tasks without a chart do not…

nteract/semiotic · 64 tokens

stitch::react-components

Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.

google-labs-code/stitch-skills · 43 tokens

ss-studio

Turn a product brief and optional references into three distinct creative directions, a human-selected StyleSeed interaction plan, generated image/video asset jobs, a working UI prototype, and a verified prototype-first showcase reel. Use for client concepts, app interaction exploration, trendy but coherent UI…

bitjaru/styleseed · 75 tokens

ss-copy

Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone.

bitjaru/styleseed · 29 tokens