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

14 skills
Official Minimal template preview: a light landing page with restrained typography, spacious layout and a single primary action.
Free
UI & UX design

Awesome Design Skills

A unified design Skill library with selectable visual templates, reusable UI tokens, component rules and implementation checks for AI coding assistants.

3.6KStars340Forks
Repository last pushed

Apply accessibility worklists through a baseline, scoped source changes and verification loop, while deferring contextual judgments.

  • ux-design
  • accessibility
  • ui-design
120Stars15Forks
Repository last pushed

Locate mechanically detectable accessibility issues on one rendered page, with DOM selectors, evidence and source locations when available.

  • ux-design
  • accessibility
  • wcag
120Stars15Forks
Repository last pushed

Plan a sampled site accessibility assessment, combine automated and interaction checks, and report pass, fail or undetermined per criterion.

  • ux-design
  • accessibility
  • ux-audit
120Stars15Forks
Repository last pushed

Turn vague UI feedback into focused changes using practical heuristics for spacing, typography, color, hierarchy, icons and interaction.

  • ui-design
  • ux-design
  • design-review
1Stars0Forks
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

Polish frontend interfaces with concrete rules for typography, nested corners, shadows, icons, hit areas and restrained motion, plus structured quick or full reviews.

  • ui-design
  • ux-design
  • interaction-design
4KStars169Forks
Repository last pushed

UI UX Kit

Muhammad Arham Athar

Route UI work by product surface, define a visual concept, implement reusable tokens and states, and document the result in DESIGN_SYSTEM.md.

  • ui-design
  • ux-design
  • design-systems
3Stars1Forks
Repository last pushed

Agentation Setup

Benji Taylor, Dennis Jin, Alex Vanderzon

Add the Agentation visual-feedback toolbar to a React or Next.js project, choose manual feedback or MCP sync, and verify the selected connection.

  • ui-design
  • ux-design
  • annotations
5.4KStars430Forks
Repository last pushed

Design, refine and review native SwiftUI interfaces with adaptive layouts, coherent navigation, interruptible motion and accessibility checks.

  • ui-design
  • ux-design
  • swiftui
0Stars0Forks
Repository last pushed

Agentation Self-Driving Review

Benji Taylor, Dennis Jin, Alex Vanderzon

Review a page in a visible desktop browser and add specific design critiques through Agentation, checking that each annotation was saved.

  • ui-design
  • ux-design
  • design-review
5.4KStars430Forks
Repository last pushed

Compare a rendered page with a change baseline and report newly introduced, resolved and pre-existing accessibility issues.

  • ux-design
  • accessibility
  • ux-audit
120Stars15Forks
Repository last pushed

Inspect keyboard behavior, focus, widget states, reflow and other checks that an automated accessibility scanner cannot settle.

  • ux-design
  • accessibility
  • ux-audit
120Stars15Forks
Repository last pushed

Five workflows for rendered-page scanning, interaction inspection, sampled site audits, scoped fixes and accessibility regression checks.

  • ux-design
  • accessibility
120Stars15Forks
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