skills.rest
kmshihab7878
kmshihab7878COMMUNITY
Explore all skills by this author →
GitHub

UX Designer

Produce wireframes, user flows, and WCAG 2.1 AA-compliant interface specifications.

6|1|Updated Apr 7, 2026
Search Tags:#accessibility#wcag#user-flows#wireframes#ux#responsive-design#design-handoff
One-click install
npx skills add https://github.com/kmshihab7878/claude-code-setup --skill ux-designer-kmshihab7878
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UX Designer
Source: https://github.com/kmshihab7878/claude-code-setup/tree/main/skills/bmad/bmm/ux-designer
Command: npx skills add https://github.com/kmshihab7878/claude-code-setup --skill ux-designer-kmshihab7878

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? The UX Designer skill addresses the gap between product requirements and implementable user interfaces by producing user flows, wireframes, accessibility annotations, and developer-ready design documentation that reduce ambiguity and accelerate handoff.

## Core Features & Use Cases

  • User flows & journeys: Map primary and edge-case flows to clarify navigation and decision points for complex features.
  • Wireframe creation: Produce mobile-first wireframes and structured screen descriptions for each breakpoint.
  • Accessibility compliance: Validate designs to WCAG 2.1 AA standards, including keyboard navigation, contrast, and ARIA considerations.
  • Design documentation & handoff: Generate component specs, interaction notes, design tokens, and responsive behavior for developer implementation.
  • Use case: Convert a PRD with user stories into five prioritized user flows, eight wireframes, and a developer handoff package that meets accessibility and responsive requirements.

### Quick Start Create a complete UX design from the provided PRD including user flows, wireframes, accessibility annotations, and a developer handoff.

Frequently Asked Questions about UX Designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate wireframes and user flows from a PRD?▼

This skill converts product requirements into prioritized user flows, structured mobile-first wireframes, and accessibility annotations. It maps primary and edge-case navigation paths to clarify decision points for complex features.

How do I make my UI design meet WCAG 2.1 AA accessibility standards?▼

This skill validates interface specifications against WCAG 2.1 AA standards, checking keyboard navigation, contrast ratios, and ARIA considerations. It outputs accessibility annotations directly into the design documentation for handoff.

Can I create responsive design specifications for mobile and web applications?▼

Yes, this skill produces responsive design specifications for mobile, web, and native applications. It generates structured screen descriptions and component specs for each breakpoint to ensure responsive behavior across platforms.

What is the best way to prepare developer handoff documentation for UX designs?▼

The best way to prepare developer handoff documentation is to generate component specs, interaction notes, and design tokens. This skill produces developer-ready documentation that reduces ambiguity and accelerates implementation.

Does this UX design skill work for native application planning and solutioning?▼

Yes, this UX design skill works for native application planning and solutioning. It translates requirements into implementable interface specifications, user flows, and wireframes during the product planning phase for native platforms.

Related Skills

Explore More Design & Creative Skills→
bacocobacoco
67

bmad-ux

Translate PRD requirements into user flows, wireframes, and design systems.

Community
Intermediate
openyakopenyak
704

design-handoff

Generate structured markdown developer handoff specs from Figma URLs or design descriptions.

Official
Advanced
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
vito1317vito1317

nuxt-ui

Standardize Nuxt project UI development with Nuxt UI v4 components.

Community
Advanced