UX Designer

Create wireframes, user flows, and accessibility-ready design specifications.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Motium-AI/claude-code-toolkit --skill ux-designer-motium-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: UX Designer
Source: https://github.com/Motium-AI/claude-code-toolkit/tree/main/config/skills/ux-designer
Command: npx skills add https://github.com/Motium-AI/claude-code-toolkit --skill ux-designer-motium-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill translates vague product ideas into concrete, user-centered UX artifacts, enabling teams to move from requirements to actionable design deliverables.

Core Features & Use Cases

  • Create user flows and wireframes based on requirements.
  • Define usability and accessibility standards (WCAG) and document design systems.
  • Collaborate with Product Manager and Developer to hand off specifications and ensure design consistency.

Quick Start

Invoke the UX Design workflow by loading project requirements and running the UX design process with /create-ux-design.

Frequently Asked Questions about UX Designer

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

FAQPage Schema
How do I create user flows and wireframes from product requirements?

To create user flows and wireframes, load your project requirements and run the UX design process to translate vague product ideas into concrete, user-centered artifacts and actionable specifications.

What is the best way to document usability and accessibility standards for developers?

Documenting usability and accessibility standards involves defining WCAG criteria, generating design system documentation, and producing developer handoff notes with accessibility annotations to ensure consistent implementation.

How do I map user flows for accessibility-ready specifications?

Mapping user flows for accessibility-ready specifications requires continuous validation against WCAG standards, producing component specs and accessibility annotations that guide development teams in building inclusive experiences.

Can I use this UX design process to hand off specifications to a Developer?

Yes, you can use this UX design process to hand off specifications to a Developer by generating component specs, design system documentation, and developer handoff notes that ensure design consistency.

Does UX design work without external dependencies for wireframe creation?

UX design works without external dependencies for wireframe creation, operating independently to produce user flows, wireframes, and accessibility annotations directly from loaded project requirements.