bmad-ux
CommunityTranslate requirements into intuitive user experiences.
Design & Creative#accessibility#design system#UX design#user journeys#UI design#wireframes#interaction design
Authorbacoco
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill bridges the gap between product requirements and user-facing design, ensuring that intuitive, accessible, and consistent user experiences are defined early in the development cycle. It reduces ambiguity and rework by providing clear design specifications.
Core Features & Use Cases
- UX Specification Generation: Creates detailed UX specifications including design principles, screen inventories, interaction patterns, and responsive behaviors.
- Wireframing & Flow Design: Outlines user journeys, information architecture, and conceptual wireframes to visualize user interactions.
- Accessibility & Responsiveness: Defines requirements for WCAG compliance and adaptive layouts across various devices and platforms.
- Use Case: After a Product Requirements Document (PRD) is drafted, this Skill designs the user interface for a new web application, detailing screen layouts, navigation flows, error states, and micro-interactions, ensuring a consistent and user-friendly experience for developers and stakeholders.
Quick Start
Create a UX design specification for the user registration flow described in the PRD.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: bmad-ux Download link: https://github.com/bacoco/BMad-Skills/archive/main.zip#bmad-ux Please download this .zip file, extract it, and install it in the .claude/skills/ directory.