ux-semantics-audit

Featured

Audit an existing UI/UX design (React/JSX/TSX components, HTML, or generated app code) against a tiered ruleset of verifiable UX principles, and produce structured, evidence-cited findings that a coding agent can act on to fix the design. Use this skill whenever the user asks to review, evaluate, critique, audit, or lint a UI, screen, view, form, dialog, dashboard, or frontend codebase for UX quality, design problems, redundancy, confusing labels, missing states, or accessibility of status indicators — even if they don't say the word "audit". Also use it when a coding agent's generated UI needs a quality check before shipping, or when the user asks "is this a good design?" about code.

Web & Frontend 488 stars 37 forks Updated today MIT

Install

View on GitHub

Quality Score: 88/100

Stars 20%
90
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# UX Audit Evaluate UI code against a curated set of verifiable UX rules and emit findings a coding agent can directly act on. This is a *linter for UX semantics*, not an aesthetic critique: the goal is high-precision, evidence-backed findings, not a wall of vague suggestions. ## Design philosophy (read this — it shapes every judgment call) 1. **Precision over recall.** A false positive costs more than a miss: the consuming coding agent will "fix" a non-problem and degrade the design. When in doubt, don't flag. 2. **No evidence, no finding.** Every finding must cite the exact file, line range, and quoted code snippet that demonstrates the violation. If you cannot point at the code, the finding does not exist. 3. **Exceptions are where precision lives.** Each rule in `references/rules.md` has an enumerated exceptions list. Before flagging, check the exceptions. A candidate that matches an exception is a pass, not a "borderline flag." 4. **Severity is trust calibration.** `block` findings are mechanical and near-certain — the agent should fix all of them. `warn` findings involve judgment — the agent should consider them and may reasonably decline with a reason. Never promote a judgment call to `block`. 5. **Feedback must be constructive and specific.** Every finding includes a concrete suggested fix expressed in terms of the actual code, not a restatement of the rule. ## Workflow ### Step 1 — Scope the audit Identify the unit of analysis: the **view**. A view is a screen,...

Details

Author
rome-os
Repository
rome-os/rome
Created
2 weeks ago
Last Updated
today
Language
TypeScript
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

ux-ui-audit

Perform evidence-led UX and UI audits of product screens, prototypes, live websites, mobile apps, dashboards, forms, onboarding, settings, commerce flows, AI features, and design systems. Use when asked to audit, critique, review, evaluate, diagnose, benchmark, improve, or prioritize a digital product experience, including usability, interaction design, information architecture, visual hierarchy, content, responsive behavior, accessibility, trust, perceived performance, and state completeness. Produce surgical, severity-calibrated findings with evidence, user impact, root cause, a minimal sufficient recommendation, and testable acceptance criteria. Do not use for open-ended visual ideation without an artifact to assess.

0 Updated today
Gonadotrophic-tangent41
Web & Frontend Listed

ux-ui-audit

Audit or critique an existing digital product artifact or flow and return evidence-backed, severity-calibrated findings. Trigger on "audit this", "critique this screen", "review this flow", "usability review", "heuristic evaluation", or "find UX issues" when inspectable evidence is available. Use dashboard-redesign for dashboard redesigns and design-system-review for system-wide library reviews. Do not use for greenfield design.

2 Updated yesterday
aditya-ariosity
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.

5 Updated 1 months ago
paulunemoon