UX Designer

Generate user flows, wireframes, and accessibility annotations from project requirements.

5|Updated Nov 16, 2025
One-click install
npx skills add https://github.com/QuestForTech-Investments/claude-code-skills --skill ux-designer-questfortech-investments
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: UX Designer
Source: https://github.com/QuestForTech-Investments/claude-code-skills/tree/main/ux-designer
Command: npx skills add https://github.com/QuestForTech-Investments/claude-code-skills --skill ux-designer-questfortech-investments

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Organizations often ship products with inconsistent user experiences and fragmented design documentation. This Skill provides a structured UX design workflow to unify requirements, flows, wireframes, accessibility, and handoff into a repeatable process.

Core Features & Use Cases

  • Requirements analysis and user research alignment to translate needs into design tasks.
  • User flow mapping and wireframe generation for multiple devices and breakpoints.
  • Accessibility-focused design documentation and WCAG-aligned annotations for developers.
  • Developer handoff including component specs, interactions, and responsive behavior notes.

Quick Start

Invoke the UX design workflow with /create-ux-design, supply your project requirements, and the Skill will generate user flows, wireframes, accessibility annotations, and delivery artifacts.

Frequently Asked Questions about UX Designer

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

FAQPage Schema
What is the best way to create consistent UX design documentation for developers?

The best way to create consistent UX design documentation is using a structured workflow that unifies requirements, user flows, wireframes, accessibility annotations, and developer handoff notes into a single repeatable process. This prevents fragmented design specs and inconsistent user experiences.

How do I generate user flows and wireframes from project requirements?

You can generate user flows and wireframes by supplying your project requirements to a structured UX design workflow. The process translates requirements and user research alignment into mapped user flows and wireframes across multiple devices and breakpoints.

How do I add WCAG-aligned accessibility annotations to my wireframes?

To add WCAG-aligned accessibility annotations to wireframes, use a UX workflow that produces accessibility-focused design documentation. This generates specific annotations for developers to ensure compliance during the implementation phase.

What should be included in a UX developer handoff for responsive design?

A UX developer handoff for responsive design should include component specs, interaction details, and responsive behavior notes. This ensures developers understand breakpoint behaviors and accessibility requirements directly from the design documentation.

Can I use this UX workflow for multiple devices and breakpoints?

Yes, this UX workflow supports designing for multiple devices and breakpoints. It generates responsive user flows and wireframes, ensuring the final user experience remains consistent and accessible across different screen sizes.

Why does my product ship with fragmented design documentation and inconsistent user experiences?

Products often ship with fragmented design documentation and inconsistent user experiences due to a lack of a structured UX design workflow. Unifying requirements analysis, user flows, wireframes, and accessibility compliance into a repeatable process resolves this fragmentation.