What documentation does it provide for developers?

It provides a full handoff package including component specs, interaction patterns, design tokens (colors/typography), and responsive breakpoint notes.

Does it support accessibility standards?

Yes, accessibility is a core principle. It defaults to WCAG 2.1 Level AA compliance, providing checklists for screen readers, keyboard navigation, and color contrast.

Can I use this for mobile app development?

Absolutely. The skill follows a mobile-first design philosophy, ensuring that all user flows and wireframes are optimized for the smallest screens before scaling to desktop.

How does the UX Designer skill visualize interfaces?

The skill generates detailed ASCII art wireframes and structured text descriptions that define component hierarchy, spacing, and layout for developers.

UX Designer

Name: UX Designer
Author: delorenj

bydelorenj

•

디자인 도구

Designs accessible user experiences and creates detailed wireframes to bridge the gap between requirements and implementation.

소개

The UX Designer skill is a specialized capability for Claude Code that automates the planning and solutioning phases of product design. It transforms product requirements into user-centered designs by generating comprehensive user flows, ASCII wireframes, and design documentation. Built with an accessibility-first mindset, it ensures all designs meet WCAG 2.1 AA/AAA standards while providing developer-ready specifications for components, interactions, and responsive behavior across mobile and desktop platforms.

주요 기능

Automated UX design generation using the /create-ux-design command
End-to-end user flow mapping and journey documentation
5 GitHub stars
Visual ASCII wireframing and structured layout descriptions
Detailed developer handoff notes including design tokens and interaction states
Built-in WCAG 2.1 AA accessibility compliance checklists

사용 사례

Converting a Product Requirement Document (PRD) into interactive wireframe concepts
Ensuring new features meet rigorous accessibility and mobile-first design standards
Defining component hierarchies and design systems before frontend implementation

소개

주요 기능

Automated UX design generation using the /create-ux-design command
End-to-end user flow mapping and journey documentation
5 GitHub stars
Visual ASCII wireframing and structured layout descriptions
Detailed developer handoff notes including design tokens and interaction states
Built-in WCAG 2.1 AA accessibility compliance checklists

사용 사례

Converting a Product Requirement Document (PRD) into interactive wireframe concepts
Ensuring new features meet rigorous accessibility and mobile-first design standards
Defining component hierarchies and design systems before frontend implementation