design-audit
Audits an existing UI (URL, screenshot, or code) against usability, hierarchy, accessibility, and conversion heuristics, returning a severity-ranked issue list with fixes.
Source: DKeken
At a glance
- Best for
- Critiquing an existing screen or flow before iterating
- Works with
- Cursor · OpenAI Codex · Claude Code
- Outcome
- Diagnosing why conversion or completion is low on a page
- Source
- DKeken/codex-skills-alternative
01 / Understand the skill
About design-audit
Audit an existing UI for usability, hierarchy, accessibility, and conversion problems. Reviews a live URL, screenshot, or codebase against heuristics and reports prioritized issues with fixes. Use when the user says "audit this UI", "what's wrong with this screen", "UX review", "find the problems", "why is this confusing", or has existing interface to critique. Part of the Product Design set. Can drive a browser for live audits.
Audit an existing UI for usability, hierarchy, accessibility, and conversion problems. Reviews a live URL, screenshot, or codebase against heuristics and reports prioritized issues with fixes.
Read full description
Audit an existing UI for usability, hierarchy, accessibility, and conversion problems. Reviews a live URL, screenshot, or codebase against heuristics and reports prioritized issues with fixes. Use when the user says "audit this UI", "what's wrong with this screen", "UX review", "find the problems", "why is this confusing", or has existing interface to critique. Part of the Product Design set. Can drive a browser for live audits.
02 / Confirm the fit
Use design-audit when you need to
- Critiquing an existing screen or flow before iterating
- Diagnosing why conversion or completion is low on a page
- Producing a prioritized fix backlog tied to the user goal
03 / See the workflow
How design-audit works
- 01Install: npx skills add https://github.com/DKeken/codex-skills-alternative --skill design-audit
- 02Try: Audit our signup page and tell me what is hurting completion.
- 03Get: A ranked audit.md with severity, effort, and a concrete fix per issue.
Check before installing
Compatible platforms
Cursor · OpenAI Codex · Claude Code
Best fit
Critiquing an existing screen or flow before iterating
Review the source instructions if the required output differs from the formats described above.
Install and use
Compatible with Cursor and OpenAI Codex and Claude Code · Published by DKeken
Ready to add design-audit?
Use the published instructions below, then provide the required input and describe the result you need.
General instructions · Cursor · OpenAI Codex · Claude Code
npx skills add https://github.com/DKeken/codex-skills-alternative --skill design-audit
Review the source repository and license before installing third-party skills.
Continue exploring
Similar skills
Generates original p5.js generative art by first writing an algorithmic philosophy, then expressing it as a self-contained interactive HTML viewer with seeded randomness.
Reproduces a reference mockup as a runnable frontend, extracting its design system then screenshot-comparing the build and iterating until the gap is minor and explained.
Clarifies the brief before design work by interrogating goal, user, JTBD, constraints, success, and scope, then writing a context.md the other design skills consume.
Creates museum-quality original poster and visual-art PDFs/PNGs by drafting a design philosophy first, then expressing it as a minimal, design-forward single-page canvas.