szilu

UX Designer Skill — Design skill for Claude Code

Design community

A Claude Code skill that provides comprehensive UX/UI design guidance based on modern best practices (2026).

How to install UX Designer Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open szilu/ux-designer-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What UX Designer Skill does

A Claude Code skill that provides comprehensive UX/UI design guidance based on modern best practices (2026).

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★

README

UX Designer Skill

A Claude Code skill that provides comprehensive UX/UI design guidance based on modern best practices (2026).

What It Does

Gives Claude deep knowledge of user experience design principles so it can:

Design new interfaces and components with proper patterns
Review existing UI/UX and frontend code for issues
Apply WCAG 2.2 AA accessibility standards
Guide interaction design, form design, and navigation
Advise on mobile-first and responsive approaches
Write effective UI copy and microcopy
Design collaborative/multiplayer and canvas-based apps
Build AI-powered interfaces (chat, copilots, agents)
Evaluate designs for dark patterns and ethical compliance
Design onboarding, notifications, search, data tables, and dashboards
Internationalize UI and support right-to-left (RTL) languages
Design voice and multimodal interactions
Design barcode/QR scanning (camera and hardware scanners) and code display
Check compliance with the European Accessibility Act (EAA)

Installation

Clone the repository into your Claude Code skills directory:

# Personal (all projects)
git clone https://github.com/szilu/ux-designer-skill.git ~/.claude/skills/ux-designer

# Or project-only
git clone https://github.com/szilu/ux-designer-skill.git .claude/skills/ux-designer

Or download a release archive and extract it to one of those paths. The directory name (`ux-designer`) is the skill name.

The skill is invocable by both user (`/ux-designer`) and Claude (auto-triggered when UX topics arise).

Structure

ux-designer/
├── SKILL.md                              # Workflows, core rules, routing table
└── references/                           # Detailed reference files (each opens with a TOC)
    ├── 01-core-principles.md             # Nielsen heuristics, Gestalt, visual hierarchy
    ├── 02-laws-of-ux.md                  # Fitts's, Hick's, Miller's, Jakob's, etc.
    ├── 03-accessibility.md               # WCAG 2.2 AA compliance