Best UX & UI Design Skills for Claude Code

    Skills for user research, wireframes, prototypes, interface design and accessibility reviews. Help your AI agent design screens people find easy to use.

    New in UX & UI Design

    137 skills · page 1 of 6

    color palette

    by Kevin Cline

    $12

    Generate accessible, role-based color palettes with JSON data, CSS variables, and HTML previews from any mood.

    3
    0

    Accessibility Auditor (WCAG 2.2)

    by rayyer

    $10

    Find accessibility barriers and WCAG 2.2 AA failures in web and mobile UI code — with file:line, the exact criterion, and a fix

    2
    15.0(1)

    premium multi step form design

    by Matthew King

    $5

    Your multi-step form works. It just feels cheap. This skill fixes the feel, not the logic

    2
    14

    Accessibility Compliance Agent

    by Zaheer Babar

    Free

    Audits HTML/React/Next.js code against WCAG 2.1/2.2 AA, fixes it, and generates a client-ready compliance report.

    2
    175.0(1)

    accessibility auditor

    by Timoranjes

    Free

    Audit frontend code against WCAG 2.2 AA and get violations ranked by severity, each with a concrete fix your agent can apply.

    2
    9

    A11Y Audit Runner

    by Edric Vale

    $5

    Scored WCAG 2.2 accessibility audits with prioritized, copy-paste fix snippets for any webpage.

    10
    2

    ADA Compliance Checker (Free) Most Common problems only

    by Jochem den Boer

    Free

    A fast, free 3-point accessibility screen (text contrast, image alt text, form labels) to spot the most common ADA/WCAG problems before they cost you.

    2
    10

    front end accessibility quick auditor

    by UMA MAHATO

    Free

    Perform evidence-based front-end accessibility audits and generate concrete code fixes with manual test plans.

    1
    65.0(2)

    Accessibility Bug Hunter for AI Coding Agents

    by Shandra

    $9.99

    Finds accessibility problems in UI code and turns them into prioritized fixes, WCAG-aware checklists, test plans, remediation tickets, and safe AI coding prompts.

    2
    0
    Free

    The Laws of UX, Nielsen's heuristics and WCAG 2.2, rewritten as rules your coding agent can actually check, whether it's building a screen, changing one or reviewing your PR.

    3
    95.0(1)

    UX Audit — Senior Designer Review in Minutes

    by Smarter WebAI

    Free

    Severity-rated UX findings with real fixes, from a 3× APEX-winning designer's checklist.

    2
    18

    WordPress Accessibility Auditor

    by StrategistKit

    $13.99

    Produces a scored WCAG 2.1 AA accessibility audit of a WordPress theme or page, plus code fix patches per finding. Use when the user says "check WCAG compliance on my WordPress site", "audit WordPress accessibility", "fix accessibility violations in my theme", "European Accessibility Act check", or "is my WP site accessible". Do not use for a Figma design, not a live site — use design:accessibility-review instead.

    2
    0

    Accessibility Scanner

    by Martin Gunderman

    $7

    Automatically detect accessibility issues in websites and applications following WCAG and accessibility standards.

    1
    1

    ♿ a11y Regression Test Generator

    by JustHandled Labs

    $15

    Generate preview-first Playwright and axe accessibility regression tests for supplied HTML or rendered routes, with source hints and manual-review tasks. Writes only after confirmation; does not certify WCAG compliance.

    1
    0

    Form Input Design System

    by Markus Isaksson

    Free

    Generate accessible, token-ready form components with full validation and interactive states.

    2
    10

    Verified A11y Auditor

    by Smarter WebAI

    Free

    Automated WCAG 2.1 AA accessibility auditor that computes contrast ratios and provides code-level fixes.

    0
    85.0(1)

    ADA Compliance Full Audit

    by Jochem den Boer

    $15

    Expert WCAG 2.1/2.2 AA accessibility audit and ADA litigation-risk review for any website, web app, design, or page.

    2
    0

    Accessibility Gate

    by PubsProToolkit

    $14

    Audit your frontend for accessibility violations before release — flags WCAG failures, gives prioritized fixes, and blocks the broken patterns that get sites sued.

    1
    2

    Accessibility Auditor

    by StrategistKit

    $9.99

    Produces a WCAG 2.1 accessibility audit with impact-ranked findings and fix verification tests. Use when the user says "audit accessibility", "check color contrast", "test keyboard navigation", "review screen reader flow", or "is this ARIA correct". Do not use when reviewing general UI/UX design quality with no accessibility focus.

    1
    0

    Toutour — Verified Onboarding Tours for Any Website

    by 葉淨維

    Free

    Analyzes your site's layout and UI, interviews you about preferences, then generates AND Playwright-verifies a spotlight onboarding tour — accessible, i18n-ready, colorblind-safe, MIT.

    3
    8

    SaaS Dashboard UI Architect

    by Shandra

    $7.99

    Architects professional SaaS dashboards for analytics products, admin panels, AI tools, CRMs, and B2B applications, covering navigation, layouts, metrics, cards, charts, filters, tables, workflows, onboarding, states, responsive behavior, accessibility, developer handoff, and QA.

    3
    0

    gnosis skill poc builder

    by Benjamin Shirley

    $5

    Builds and documents the smallest possible POC or prototype to validate requirements before development starts. Part of the Gnosis Technology Product Suite

    2
    0

    Figma Contrast Check — WCAG AA (Lite)

    by Masaaki Komori

    Free

    Checks every text node in a Figma frame against WCAG AA contrast — including text on photo and gradient backgrounds — before a single line of code gets written.

    2
    54.0(1)

    accessibility auditor v2

    by Kaymue

    Free

    Pre-launch accessibility audit. WCAG 2.2 AA/AAA, ADA/EAA, 70+ checks, axe-core. VPAT/ACR report for procurement.

    1
    4