UI/UX Design Skills for Claude Code, Codex & AI Agents

These skills help an agent design, critique and improve user interfaces. They cover generating layout alternatives, reviewing a screen against design rules, and fixing accessibility problems found in an audit.

73 skills

Explore UI/UX Design skills

5 skills
Interface example before applying antislop
Free
Web & UI

Anti Slop — Accessible Interfaces

Human and accessibility skill for antislop. Contrast, keyboard, focus, and states for real people. Includes the contrast checker.

9KStars616Forks
Repository last pushed
Hexclave authentication interface
Free & paid options
Web & UI

Hexclave — Compare UI Variants

Prepare comparable interface variants so the user can preview and choose a direction.

6.9KStars526Forks
Repository last pushed

Review mobile and desktop interfaces against topic-routed Apple Human Interface Guidelines, with findings and fixes adapted to the application's framework.

  • ui
  • ux
  • ui-design
3.2KStars244Forks
Repository last pushed
Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
Free
Web & UI

Frontend Design

Build distinctive web interfaces with content-informed typography, composition and visual direction.

193.4KStars22.8KForks
Repository last pushed
Interface example before applying antislop
Free
Web & UI

Anti Slop — Interface Design

Refine interface colors, layouts, components and motion with the core antislop design rules.

9KStars616Forks
Repository last pushed

Related topics

Related guides

How to choose UI/UX Design skills

Use a critique or rules skill when you already have screens, a variants skill when you want options to compare, and an AccessLint skill when the goal is fixing accessibility issues.

  • Get several alternative layouts for the same screen
  • Critique a UI against spacing, hierarchy and contrast rules
  • Find and fix accessibility issues in a component