Skill1.3k repo starsupdated today

ux-design

This Claude Code skill orchestrates comprehensive UX design deliverables including user flows, journey maps, wireframes, and design systems. Use it when beginning product design phases to synthesize research into actionable design artifacts, establish interaction patterns and accessibility standards, and generate developer-ready specifications across responsive breakpoints.

View source Repository: babysitter

Install in Claude Code

Copy

git clone --depth 1 https://github.com/a5c-ai/babysitter /tmp/ux-design && cp -r /tmp/ux-design/library/methodologies/bmad-method/skills/ux-design ~/.claude/skills/ux-design

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

# 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