---
name: UX Design
slug: ux-design
category: Frontend
description: Generate comprehensive UX designs including user flows, wireframes, design systems, and accessibility specifications. Ideal for creating developer handoff documentation from product requirements.
github: "https://github.com/a5c-ai/babysitter/tree/main/library/methodologies/bmad-method/skills/ux-design"
language: JavaScript
stars: 1600
forks: 94
install: "git clone https://github.com/a5c-ai/babysitter"
added: 2026-07-20T06:48:28.786Z
last_synced: 2026-07-29T06:37:03.480Z
canonical_url: "https://dirskills.com/skills/ux-design"
---

# UX Design

Generate comprehensive UX designs including user flows, wireframes, design systems, and accessibility specifications. Ideal for creating developer handoff documentation from product requirements.

**Install:** `git clone https://github.com/a5c-ai/babysitter`

## README

# UX Design

Create comprehensive UX design with user flows, wireframes, and design systems.

## Agent
Sally (UX Designer) - `bmad-ux-sally`

## Workflow
1. Synthesize user research from PRD personas
2. Create user journey maps for primary flows
3. Design information architecture and navigation
4. Create wireframes for key screens
5. Define interaction patterns and micro-interactions
6. Establish visual design system foundations
7. Design for accessibility (WCAG)
8. Create developer handoff specifications

## Inputs
- `projectName` - Project name
- `prd` - Product Requirements Document
- `complexity` - Project complexity level

## Outputs
- User flows and journey maps
- Wireframes for key screens
- Design system (typography, colors, spacing, components)
- Interaction patterns
- Accessibility notes
- Responsive breakpoints

## Process Files
- `bmad-orchestrator.js` - Phase 2 UX design