Skip to main content
ClaudeWave
Skill1.3k estrellas del repoactualizado 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.

Instalar en Claude Code
Copiar
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
Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

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