Install in seconds

Install this skill

Copy the command and run it in your terminal. You can review the source before installing.

terminal

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

Works with Git. The repository opens in your current directory.

🎨

FrontendJavaScript

UX Design

Generate comprehensive UX designs including user flows, wireframes, design systems, and accessibility specifications. Ideal for creating developer handoff documentation from product requirements.

1.6K stars94 forksAdded 2026/07/20

View source on GitHub Download ZIP

agent-orchestrationagent-skillsagentic-aiagentic-workflowai-agentsai-automationbabysitterclaude-codeclaude-code-skillsclaude-code-workflowsclaude-skillsclaude-workflowscodex-plugincodex-skillscodex-workflowhermes-pluginpi-extensiontrustworthy-aivibe-coding

Documentation

README

From the original repository

UX Design

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

Agent

Sally (UX Designer) - bmad-ux-sally

Workflow

Synthesize user research from PRD personas
Create user journey maps for primary flows
Design information architecture and navigation
Create wireframes for key screens
Define interaction patterns and micro-interactions
Establish visual design system foundations
Design for accessibility (WCAG)
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

More from a5c-ai

Other Claude Code skills by this author in the directory.

Assimilate Popular Workflows

Searches public repositories for SKILL.md files to discover, classify, and extract reusable processes, plugin ideas, and procedural knowledge for AI agent workflows.

Babysit Issues

Automatically fetch open issues assigned to a5c-agent in the babysitter repo, then process each by creating a feature branch, implementing changes, and opening a pull request. Ideal for unattended issue resolution.

Catalog Babysitter Users

Queries GitHub code search to find public repositories importing the Babysitter SDK, deduplicates and enriches results, and maintains an up-to-date Markdown catalog of adopters.

Fix Failing Pipelines

Detects failing GitHub Actions workflows on a staging branch, diagnoses the cause, and dispatches an automated fix agent to repair them directly on the branch.

Process Builder

Scaffold new babysitter process definitions following SDK patterns, proper structure, and best practices. Guides the 3-phase workflow from research to implementation.

Retrospect External Babysitter Run

Analyzes babysitter process runs in external repositories, producing a retrospective with concrete suggestions for process improvement, effect design, and breakpoint patterns.

More Frontend skills

UX Design is one of 46 Frontend skills cataloged on DirSkills.

Browse all Frontend skills →

3D Web Experience

Guidance for building interactive 3D web experiences using Three.js, React Three Fiber, Spline, and WebGL. Covers product configurators, performance optimization, and scroll-driven animations.

Apple HIG Expert

Guides you in designing user interfaces that follow Apple's Human Interface Guidelines for iOS, macOS, watchOS, and tvOS apps. Ideal for ensuring your app's UI meets Apple's standards.

Design Critique

Get structured design feedback on usability, visual hierarchy, consistency, and accessibility. Use it when reviewing Figma designs, mockups, or screenshots to identify improvements at any stage.