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

8 skills
Official Claude-Mem demonstration: a coding session beside a browser showing persistent observations.
Free
UI & UX design

Claude-Mem Design Is

Audit a design against Dieter Rams’ ten principles, score cited evidence, and hand off a concrete design improvement plan.

116.9KStars10.1KForks
Repository last pushed

Review a design document for clarity, design risks and implementation readiness.

  • design-review
  • software-architecture
17.8KStars1.3KForks
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
Oil UI — Gallery highlights: an English learning app, a music year in review, hardware and component library websites, a project management tool, a ride-hailing app, a voice assistant, a checkout flow, and a film camera
Free
Web & UI

Oil UI

Explore and refine interface design through visual directions, same-screen style comparisons, screenshot review, and runnable UI deliverables.

3.2KStars182Forks
Repository last pushed

UI Audit

Ken Scott

Diagnose interface issues, make scoped visual improvements, and verify regressions through a three-phase workflow with persistent Markdown reports.

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

Agentation Skills

Benji Taylor, Dennis Jin, Alex Vanderzon

Two workflows for visual UI feedback: connect the Agentation toolbar to a React or Next.js project, then add specific design-review annotations in a visible desktop browser.

  • ui-design
  • design-review
  • annotations
5.4KStars430Forks
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

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