UX Designer Skill
A skill with 2026 UX and UI principles: WCAG 2.2, forms, mobile, AI chat, dark patterns and 25 reference files
- 98 ★ on the repository
- Last commit
- MIT
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/ux-designer-skillDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The set is text references and runs nothing
This is third-party code. Review the repository files before installing.
What it does
UX Designer Skill gives Claude Code a reference for interface design. The main `SKILL.md` holds workflows, core rules and a routing table, and the details sit in the `references/` folder as numbered files with a table of contents: Nielsen heuristics and Gestalt, laws of UX, WCAG 2.2 AA accessibility, visual design, information architecture, forms, mobile UX, UX writing, research and design systems. Other files cover collaboration and canvases (presence, sync and conflict resolution, canvas navigation), AI interfaces (chat, copilots, agents), ethical design (dark patterns, consent, GDPR and DSA), onboarding, notifications, data visualization, search, tables, performance, internationalization with RTL, voice interfaces and barcode and QR scanning. A European Accessibility Act check is included. The skill is invoked by hand with `/ux-designer` and triggers on its own when UX comes up in the conversation.
Who it is for. Frontend developers and product designers who design forms, dashboards, onboarding or AI chat and ask Claude Code to check decisions against current practice.
Good fit when
- A signup form loses users and needs a check of validation, errors and hints
- An interface is built for the EU market and must be checked against WCAG 2.2 AA and the European Accessibility Act
- An AI agent chat is being designed and copilot and generative UI patterns are still open
- A design should be checked for dark patterns and consent issues before release
Not a fit when
- You need a ready visual style and palettes: the skill gives principles and has no database of colors and fonts
- You need an automatic code check: the skill only guides the agent
- The project is not about interfaces: the skill does not touch backend and data work
Example request
/ux-designer review the payment form in components/Checkout.tsx for accessibility, validation errors and dark patternsLimitations
- The set is text references and contains no scripts: code and mockup checks stay with the agent and the human.
- The reference follows 2026 practice, and normative requirements (WCAG, European Accessibility Act, GDPR) should be checked against the primary sources.
- Because of the size of the references (over two dozen files) the agent loads the ones it needs by the routing table and does not read them all at once.
- The README offers no install route other than putting the `ux-designer` folder into the skills directory.
How to disable. Delete the `~/.claude/skills/ux-designer` folder or `.claude/skills/ux-designer` from the project.
FAQ
How do I install UX Designer Skill in Claude Code?
Run `git clone https://github.com/szilu/ux-designer-skill.git ~/.claude/skills/ux-designer`. For a single project clone into `.claude/skills/ux-designer`. The folder name `ux-designer` is the skill name.
Which topics does the reference cover?
UX principles and laws, WCAG 2.2 AA accessibility, visual design, forms, mobile UX, UX writing, design systems, AI interfaces, dark patterns, onboarding, notifications, tables, internationalization with RTL, voice interfaces and barcode scanning.
Is the skill triggered automatically or by hand?
Both work: by hand with `/ux-designer`, or automatically when UX comes up in the conversation.
Is there a European Accessibility Act check?
Yes, the skill's capability list includes a European Accessibility Act compliance check. It relies on the accessibility reference file.
How is it different from UI UX Pro Max?
That one holds a searchable database of styles, palettes and fonts. This one consists of references on principles and patterns, with emphasis on accessibility, forms, AI interfaces and ethical design.
Discussion
No questions or reviews yet.
Related
SkillsSkills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes
Ten UX and design skills for Claude Code, Cursor and Codex: research, critique, accessibility, design systems, UX writing
A skill with 107 styles, 127 palettes and 107 font pairings that generates a design system and audits interface code
A skill and CLI for interfaces: build, redesign and review around a product's audience, content and identity
A UI design skill: art direction per product, a shared DESIGN.md, tokens, and layout and accessibility checks in a browser.
45 enterprise UX skills for agents: palettes, typography, forms, WCAG accessibility and usability review of an interface.
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| UX Designer Skill (this card) | no | 98 | |
| UI UX Pro Max | no | 148,899 | a searchable database of styles, palettes and fonts, while this one holds principle references |
| k-style-ui-ux | no | 400 | a plugin that drafts mobile screens in a Korean app style from a PRD |
README in short
The short README states the purpose, a list of abilities (design, review, WCAG 2.2 AA, forms, mobile, microcopy, collaborative and AI interfaces, ethics, onboarding, i18n, voice, scanning), installation by cloning the repository and the structure of `SKILL.md` plus a `references/` folder of numbered files.