SkillHey.
Submit a skill

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

7 skills
RecommendedNewest first
Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
Free
Other utilities

Game UI & UX

Build HUDs and menus with responsive anchors, safe areas, focus navigation, screen state, and event-driven updates.

8.8KStars894Forks
Repository last pushed
Abhishek Barali

Design Review

pproenca

Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table. Covers visual hierarchy, spacing, typography, colour & contrast, component states, motion, responsiveness, accessibility, multi-page flow & navigation, and interaction continuity — grounded in Refactoring UI and Emil Kowalski's principles. For animation/jank/FPS, focus order, and cross-page UX it can drive Chrome via chrome-devtools-mcp to capture what a screenshot can't. Trigger when the user asks to "review this UI", "design review", "critique this component/screen/page or multi-page flow", asks why something "looks off", "looks AI-generated", or "looks like a wireframe", or wants to raise visual polish. For building UI from scratch use web-taste; for the full animation set see emilkowal-animations.

  • ui review
  • ux
226Stars19Forks
Repository last pushed

Apple Design Skill

dickwu

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
SkillHey workflow illustration for A/B Test Setup: Hypothesis, Variants, Measure.
Free
SEO & marketing

Signup Flow CRO

Review registration fields, error states and verification steps to identify signup friction.

59.9KStars8.7KForks
Repository last pushed
Corey Haines
SkillHey workflow illustration for A/B Test Setup: Hypothesis, Variants, Measure.
Free
SEO & marketing

Onboarding CRO

Define activation and improve first-run journeys, empty states and onboarding messages.

59.9KStars8.7KForks
Repository last pushed
Corey Haines
The author's Nuwa animation turns mental models into a perspective SKILL.md.
Free
Product & business

Steve Jobs Perspective

Review products and design through focus, end-to-end experience and the intersection of technology and the humanities.

38.1KStars4.9KForks
Repository last pushed
Huashu (花叔 / alchaincyf)
SkillHey workflow illustration for A/B Test Setup: Hypothesis, Variants, Measure.
Free
SEO & marketing

Paywall & Upgrade CRO

Plan upgrade triggers, value framing and clear in-app purchase decisions.

59.9KStars8.7KForks
Repository last pushed
Corey Haines

Related topics

Design 165 skillsFrontend Design 31 skillsIcon & Illustration 30 skillsAccessibility 28 skillsWebsite Design 26 skillsDesign System 21 skillsWeb Animation 21 skills

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