🎨
FrontendJavaScript

UX Design

by a5c-ai

UX Design is a Frontend skill for Claude Code, published by a5c-ai in babysitter.

1.7K stars98 forkson a5c-ai/babysitterAdded 2026/07/20+1% in starsRepository updated 2026/08/11
agent-orchestrationagent-skillsagentic-aiagentic-workflowai-agentsai-automationbabysitterclaude-codeclaude-code-skillsclaude-code-workflowsclaude-skillsclaude-workflowscodex-plugincodex-skillscodex-workflowhermes-pluginpi-extensiontrustworthy-aivibe-coding
Install in seconds
Install UX Design
Copy UX Design into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/a5c-ai/babysitter/tree/main/library/methodologies/bmad-method/skills/ux-design ~/.claude/skills/ux-design

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/a5c-ai/babysitter.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
library/methodologies/bmad-method/skills/ux-design/SKILL.md in a5c-ai/babysitter
Installs to
~/.claude/skills/ux-design
Collection
One of 36 skills cataloged from this repository
Category
Frontend732 skills

What UX Design does

UX Design creates user flows, wireframes, and a basic design system from a PRD. Use it when planning information architecture, interaction patterns, accessibility, and developer handoff specs.

UX Design is cataloged under Frontend on DirSkills. UX Design comes from a repository tagged agent-orchestration, agent-skills, agentic-ai, agentic-workflow and ai-agents.

Documentation

README

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

This is the opening of the README. Read the full README on GitHub.

Frequently asked about UX Design

  • What else does a5c-ai publish alongside UX Design?

    UX Design is one of 36 skills that DirSkills catalogs from a5c-ai/babysitter, the repository it ships in. Its siblings there include Agent Dispatch, Architecture Design and Architecture Patterns. Each one is a separate skill with its own page in this directory, installs the same way UX Design does, and is maintained by a5c-ai in that same repository. The rest of the collection is listed on the a5c-ai/babysitter page.

  • How does UX Design compare to other Frontend skills?

    UX Design ranks #271 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of UX Design against them. Open each page to compare what they document and how they install.

More from a5c-ai/babysitter

UX Design is one of 36 skills cataloged on DirSkills from a5c-ai/babysitter.

See all 36 skills
🧩
2026/07/20

Agent Dispatch

Agent Dispatch builds dependency-aware batched queues for parallel agent execution. Use it to order feature work by DAG, respect concurrency limits, and assign agent types safely.
AI Engineering
1.7K98
🏗️
2026/07/20

Architecture Design

Architecture Design defines a system’s components, technology stack, data model, APIs, and deployment considerations. Use it when turning product requirements into an implementation-ready architecture and ADRs.
DevOps
1.7K98
🏗️
2026/07/20

Architecture Patterns

Provides system and API design guidance covering component boundaries, data flow, integration patterns, and scalability. Useful when making architectural decisions in agentic AI workflows.
AI Engineering
1.7K96
🔍
2026/07/20

Assimilate Popular Workflows

Searches public repositories for SKILL.md files, classifies projects by archetype, and extracts transferable processes, plugin ideas, and procedural insights for the babysitter process library. Use when exploring external workflows, discovering new skills, or surveying the skill landscape.
AI Engineering
1.7K95
🗺️
2026/08/12

Atlas

Atlas turns a stated need into a real systems atlas by scanning Azure, git repos, and local directories, then enriching the findings with an Atlas knowledge graph. Use it to inventory systems, mine processes or data, and collect real constraints or gotchas.
AI Engineering
1.7K98
🕸️
2026/08/12

Atlas Graph Query

Atlas Graph Query provides reference commands for searching and inspecting the Atlas knowledge graph through MCP tools. Use it after scanning real sources when you need comparison context, node lookups, neighbors, kinds, clusters, stats, or wiki pages.
AI Engineering
1.7K98