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.

主要功能

01Automated UX design generation using the /create-ux-design command

02End-to-end user flow mapping and journey documentation

035 GitHub stars

04Visual ASCII wireframing and structured layout descriptions

05Detailed developer handoff notes including design tokens and interaction states

06Built-in WCAG 2.1 AA accessibility compliance checklists

使用场景

01Converting a Product Requirement Document (PRD) into interactive wireframe concepts

02Ensuring new features meet rigorous accessibility and mobile-first design standards

03Defining component hierarchies and design systems before frontend implementation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add delorenj/skills ux-designer

For use in Claude.ai and ChatGPT

Download Skill