Design Skills for AI Agents

Ten UX and design skills for Claude Code, Cursor and Codex: research, critique, accessibility, design systems, UX writing

  • 123 ★ on the repository
  • Last commit
Skill

Minimal access

Why this level

  • The skills hold only instructions and reference material and run nothing.
All reasons and checks

cuellarfr/design-skills

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/design-skills-for-ai-agents

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The skills hold only instructions and reference material and run nothing.

This is third-party code. Review the repository files before installing.

What it does

Design Skills for AI Agents gives an agent knowledge of established design and UX methods. The set has ten skills: UX research, interface critique and evaluation, WCAG 2.2 accessibility audit, journey mapping, design systems, UX strategy, interaction design, design ops and handoff, UX writing and design elevation. Every skill has the same layout: a main `SKILL.md` that works on its own and `references/`, `templates/` and `examples/` folders with depth on demand. Interface critique follows a nine-step framework with Nielsen's heuristics and 27 UX laws, and the accessibility audit passes five layers: automated, keyboard, screen reader, visual and flow.

Who it is for. Designers and developers with no dedicated UX researcher who want an agent partner for interface critique and accessibility checks.

Good fit when

  • A mockup or finished screen needs review against heuristics and UX laws with problem severity.
  • Before release accessibility is checked against WCAG 2.2 and fix code is requested.
  • User interviews need a script, a usability test plan and a way to analyse the answers.
  • Error and hint texts need rethinking from a UX writing standpoint.

Not a fit when

  • You need a replacement for live research: the skills help plan and analyse but do not replace talking to users.
  • You need a ready component library: the design systems skill gives knowledge and templates and contains no components.
  • You need one narrow tool: a set of ten skills is broader than the task.

Example request

Critique this checkout screen against Nielsen's heuristics and list the problems by severity.

Limitations

The skills provide knowledge and methods, and judgement stays with you: automated accessibility auditing finds only some problems and the rest is checked by hand. The volume is large: reference folders hold ten to twenty files per skill and the agent loads them as needed. All ten skills install as a single Claude Code plugin, which namespaces them under `design-skills:`. Individual skills are chosen with the `--skill` flag. The latest commit is from September 2026.

How to disable. Run `/plugin uninstall design-skills` if you installed the plugin or delete the skill folders from the agent's skills directory. For a global `npx skills` install use `npx skills remove`.

FAQ

How do I install all ten skills?

With `npx skills add cuellarfr/design-skills`. The installer detects your agents and lets you choose skills. For Claude Code there is a plugin route through `/plugin marketplace add cuellarfr/design-skills`.

What does the accessibility audit include?

Five layers: automated check, keyboard, screen reader, visual review and flow. The skill finds issues, rates severity, gives fix code and builds a report from a template.

What laws and heuristics does the critique use?

Nielsen's heuristics, 27 UX laws by domain, interaction design principles, information architecture evaluation and UX writing review.

How do I install a single skill?

With the `--skill` flag, for example `npx skills add cuellarfr/design-skills --skill design-critique`.

Which agents does it work with?

Claude Code, Cursor, Codex, OpenCode and more than forty other agents supported by the `skills` installer.

Discussion

No questions or reviews yet.

Skills

A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles

SkillMinimal access3.6KRepository stars

A kit of skills, tokens and rules that turns Claude into a design architect: DTCG tokens, components, accessibility and objective quality gates

PluginExtended access3.2KRepository stars

A skill with 2026 UX and UI principles: WCAG 2.2, forms, mobile, AI chat, dark patterns and 25 reference files

SkillMinimal access98Repository stars

45 enterprise UX skills for agents: palettes, typography, forms, WCAG accessibility and usability review of an interface.

SkillMinimal access192Repository stars

A skill and CLI for agents: UI without the templated look, 25 commands, rule-based anti-slop checks and a 0 to 100 quality score

SkillExtended access452Repository stars

A skill with 107 styles, 127 palettes and 107 font pairings that generates a design system and audits interface code

PluginMinimal access99Repository stars

Comparison with similar tools

Cards that share the main search query, and how they differ.

ToolOfficialRepository starsMain difference
Design Skills for AI Agents (this card)no123
UX/UI Agent Skillsno3,164a set of UX and UI skills; Design Skills for AI Agents offers ten skills with reference libraries and report templates
UI UX Pro Maxno148,331a database of styles, palettes and fonts for interfaces; here the methods are research, critique and accessibility audit

README in short

Each skill lists its size: number of files and lines, and key reference materials. The project has a GitHub Pages site describing the set.

README badge

Report a problem