bmad-ux

Generate UX specifications, user journeys, and color themes for web, mobile, and desktop platforms.

2|Updated Apr 21, 2025
One-click install
npx skills add https://github.com/akvo/akvo-rag --skill bmad-ux-akvo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bmad-ux
Source: https://github.com/akvo/akvo-rag/tree/main/.agent/skills/bmad-ux
Command: npx skills add https://github.com/akvo/akvo-rag --skill bmad-ux-akvo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the user experience design process, from initial concept to detailed specifications, ensuring user-centered and accessible digital products.

Core Features & Use Cases

  • UX Design Specifications: Generate comprehensive UX specifications, including user journeys, interaction patterns, and color themes.
  • Design System Guidance: Recommend appropriate design systems based on platform and project needs.
  • Use Case: A product team needs to design a new feature. This Skill can help define the user personas, map out their journey, suggest interaction patterns, and generate a color palette, resulting in a detailed UX specification document.

Quick Start

Use the bmad-ux skill to generate a UX design specification for a new mobile app onboarding flow.

Frequently Asked Questions about bmad-ux

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

FAQPage Schema
How do I create a UX specification for a new app feature?

To create a UX specification, define user personas, map their journeys, select interaction patterns, and generate a color palette. This ensures user-centered and accessible digital products across web, mobile, and desktop platforms.

What is the best way to map user journeys for a mobile onboarding flow?

Mapping user journeys involves documenting step-by-step user progression through an interface. This process defines interaction states and ensures the mobile onboarding flow adheres to user-centered principles and accessibility standards.

Can I use this to generate color themes that meet accessibility standards?

Yes, you can generate color themes that meet accessibility standards. The design process applies color theory to create accessible palettes while documenting interaction states for web, mobile, and desktop platforms.

How do I choose the right design system for my project platform?

Choosing the right design system involves evaluating platform and project needs. The process recommends appropriate design systems based on specific platform requirements, ensuring user-centered principles and modern AI-assisted design tool compatibility.

What interaction patterns should I document for my web application's UX?

Documenting interaction patterns requires defining how users engage with interface elements. This includes specifying interaction states and applying user-centered principles to ensure accessible and intuitive web application experiences.

Why does my user experience design need detailed interaction states documented?

Your user experience design needs detailed interaction states documented to ensure accessibility and predictability. Documenting these states within the UX specification guarantees the final product remains user-centered across all platforms.