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.
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-designSKILL.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
Review TypeScript code changes for consistency, type safety, and monorepo patterns across babysitter packages
Generate and validate documentation for @a5c-ai/babysitter-sdk CLI commands and exported APIs
Scaffold new babysitter process definitions following SDK patterns, proper structure, and best practices. Guides the 3-phase workflow from research to implementation.
Architect code review with DRY, YAGNI, abstraction, and test coverage principle enforcement