Skip to content
Automation
Skill

/ux-design

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

From plugin
babysitter
1.8k200 skills3 agents21 commands1 MCP
Install
$ npx -y skills add a5c-ai/babysitter --skill ux-design --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/ux-design

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

ux-design.SKILL.md
graph:
  domains: [domain:software-engineering]
  skillAreas: [skill-area:agentic-loops, skill-area:orchestration-loop]
  workflows: [workflow:feature-development]
  topics: [topic:developer-experience]
  roles: [role:tech-lead, role:backend-engineer]

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
Ships withbabysitter

Enforce obedience on agentic workforces. Manage extremely complex workflows through deterministic, hallucination-free self-orchestration.

Get the whole plugin

Other skills on babysitter.