UX Design
Create comprehensive UX design with user flows, wireframes, and design systems.
Best use case
UX Design is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Create comprehensive UX design with user flows, wireframes, and design systems.
Teams using UX Design should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/ux-design/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How UX Design Compares
| Feature / Agent | UX Design | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Create comprehensive UX design with user flows, wireframes, and design systems.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# 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
Related Skills
rest-api-design
RESTful API design principles, versioning, pagination, HATEOAS, and documentation.
design-tokens
Design token management, generation, and multi-platform support.
design-token-transformer
Transform design tokens across multiple formats and platforms. Parse W3C design token format, transform to CSS/SCSS/JS/iOS/Android, handle token aliases and references, and generate documentation.
design-system-validator
Validate design system compliance in code and detect token usage violations
scope-permission-designer
Design and implement scoped permission models
rate-limiter-designer
Design and implement rate limiting strategies
protobuf-grpc-designer
Protocol Buffers and gRPC service definition with backward compatibility checks
middleware-chain-designer
Design middleware and interceptor chains for SDK extensibility
graphql-schema-designer
GraphQL schema design and optimization with federation support
SSA/IR Design
Expert skill for designing intermediate representations and implementing SSA construction
Grammar Design
Expert skill for formal grammar design including disambiguation, precedence, and validation
FFI Design
Expert skill for designing and implementing foreign function interfaces to native code