skills.rest
russosalv
russosalvCOMMUNITY
Explore all skills by this author →
GitHub

bmad-agent-ux-designer

Guide UX planning and produce UX artifacts for web and mobile interfaces.

5|Updated Apr 18, 2026
Search Tags:#accessibility#prototyping#persona#ux#design-system#ui-handoff
One-click install
npx skills add https://github.com/russosalv/NONoise --skill bmad-agent-ux-designer-russosalv
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bmad-agent-ux-designer
Source: https://github.com/russosalv/NONoise/tree/main/packages/skills/bmad-agent-ux-designer
Command: npx skills add https://github.com/russosalv/NONoise --skill bmad-agent-ux-designer-russosalv

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides an expert UX Designer persona (Giulia) that accelerates UX planning, captures design-system decisions, and delivers production-ready UI handoffs so teams avoid inconsistent interfaces and slow design iteration.

Core Features & Use Cases

  • Guide UX planning with user stories, personas, journey maps, and interaction patterns to align stakeholders and reduce rework.
  • Create or update docs/design.md (design-system Stitch format), critique existing UIs, perform accessibility and quality audits, and polish visual details for production readiness.
  • Integrate with NONoise skills (design-md-generator, frontend-design, impeccable/*) for handoffs, or work inline to produce artifacts in docs/ux/ when complementary skills are unavailable.

Quick Start

Ask Giulia to audit the current UI and produce a design.md capturing color, type, spacing, and prioritized UX improvements.

Frequently Asked Questions about bmad-agent-ux-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a design system and document UI components for production handoff?▼

UX planning artifacts like user stories, personas, and journey maps align stakeholders and reduce rework by mapping interaction patterns before visual production begins.

What's the best way to audit an existing user interface for accessibility and quality?▼

UX planning artifacts like user stories, personas, and journey maps align stakeholders and reduce rework by mapping interaction patterns before visual production begins.

How do I plan UX interactions using personas and journey maps for a web project?▼

To create a design system for UI handoff, you can generate a design.md file capturing color, typography, and spacing decisions, then coordinate handoffs to complementary frontend skills for production-ready implementation.

Can I generate UX artifacts inline if complementary frontend design tools are unavailable?▼

UX planning artifacts like user stories, personas, and journey maps align stakeholders and reduce rework by mapping interaction patterns before visual production begins.

How do I load project context and design requirements before starting UX planning?▼

UX planning artifacts like user stories, personas, and journey maps align stakeholders and reduce rework by mapping interaction patterns before visual production begins.

Related Skills

Explore More Design & Creative Skills→
hidemaro-nsketchhidemaro-nsketch

context-loader

Load project context from the .claude directory for OpenCLI.

Community
Intermediate
frankxaifrankxai

frontend-ui-ux

Translate UI/UX designs into frontend code with CSS variables and semantic HTML.

Community
Basic
Awannaphasch2016Awannaphasch2016

frontend-design

Turn vague frontend requirements into production-grade UI designs with theming and accessibility.

Community
Advanced
I-OnlabsI-Onlabs
3

ux-researcher-designer

Generate data-driven personas and journey maps from user research data.

Community
Intermediate