ux-audit

Solid

Heuristic usability and accessibility audit of existing web pages — load a rendered page, evaluate it against Nielsen's 10 usability heuristics + WCAG 2.2 (A/AA) + responsive behavior + the page's own goal, and return prioritized findings with a concrete fix for each. Use whenever the task is to review, audit, critique, or "find usability/UX problems" on one or more web pages, do an accessibility (a11y) check, assess responsiveness, or propose usability fixes — even if the user just says "is this page any good", "what's wrong with this UI", "make this more usable", or hands you a URL/screenshot. This is a review/audit method, not a design-decision debate (that's design-council) and not functional testing (that's webapp-testing). Read by the ux-auditor agent, which renders each page with a browser driver and fans out one auditor per page.

Web & Frontend 8 stars 1 forks Updated today MIT

Install

View on GitHub

Quality Score: 81/100

Stars 20%
32
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# UX Audit Audit an **existing, rendered** page against a fixed rubric and return findings the caller can act on. The discipline that makes this useful: **audit what's actually on screen, cite the heuristic or success criterion, and propose a concrete fix.** A finding with no location and no fix is noise; a "problem" you assumed without observing the page is worse. This is distinct from neighbours: - **design-council** deliberates *one* high-stakes design decision (preserves dissent). Use it for "should we restructure this flow?", not "audit these 12 pages." - **webapp-testing** checks that features *work*. UX audit checks whether they're *usable and accessible* even when they work. ## Inputs you need - The page(s): a URL, a local file, or a running dev server. For a *series* of pages, the `ux-auditor` agent fans out — one auditor per page (see that agent). - The page's **goal** — what is the user there to do? You can't judge usability without it. If not given, infer it from the page and state your assumption in the finding set. - Viewports to check (at least one mobile ~375px and one desktop ~1280px). Responsive problems only show up if you actually resize. ## Render the page first — don't audit blind Audit the rendered DOM and the visual result, not the raw source. Use whatever browser driver is installed (prefer `agent-browser`, fall back to `playwright-cli`; the CLI binary is `playwright-cli`, **not** `playwright`): ```bash # preference order — use whiche...

Details

Author
kevin-burns
Repository
kevin-burns/claude-skills
Created
2 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

ux-audit

Evidence-based UX audit of a product that already exists — marketing website, web app, mobile app, or desktop app. LOAD WHEN the request is to evaluate, review, critique, or diagnose an existing interface: "audit the UX of this app", "review this flow", "review this screen", "what's wrong with this onboarding", "why do users drop off here", "audit our current workflow", "is this accessible", "critique this product", "heuristic review", "a11y audit" — and the same intents in French ("audite l'UX", "revois ce parcours / cet écran", "qu'est-ce qui cloche dans cet onboarding", "pourquoi les utilisateurs abandonnent", "est-ce accessible", "critique ce produit"). Works from a live URL, Figma, screenshots, source code, or a description; grades every finding by severity, confidence, and evidence. Layers an onchain/web3 module on top only when the product is onchain. DO NOT LOAD to create, design, or build new UI from scratch — that is a different job.

4 Updated 2 weeks ago
paulunemoon
AI & Automation Listed

accessibility-audit

Audit UI code or a running page against WCAG 2.2 AA, covering semantics, keyboard access, focus management, labels, contrast, ARIA misuse, and motion, verifying in a real browser with axe-core when one is available and by code review when not. Produces findings ranked by user impact with concrete fixes. Use when building or reviewing UI components, before shipping user-facing pages, or when accessibility compliance is required.

4 Updated yesterday
KhaledSaeed18
Web & Frontend Listed

ui-ux-audit

Structured UI/UX audit of a screen or flow — hierarchy, clarity, states, a11y, mobile. Use before shipping UI or when asking “what’s wrong with this page?”.

0 Updated 2 weeks ago
edenbuilds