Agent skill · Security

ux-audit

Audit a page / surface against the Designing Interfaces pattern language + the ux skill checklists, then land findings. Three layers — static (code), visual (screenshots), dynamic (automated user journey + perf). Use to run a repeatable, standards-based UX review of one screen.

LobeHub80,937★ · +310/wk · 1 repos on radarProfile →
claude-codeNOASSERTION
Install
npx skills add lobehub/lobehub --skill ux-audit --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 26
SKILL.md size: 19 KB
Bundled scripts: none
Path: .agents/skills/ux-audit/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 81,252 · +315 this week
Language: TypeScript
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# UX Audit A repeatable, standards-based UX review of **one surface at a time**. The benchmark is two things together: 1. **Jenifer Tidwell, _Designing Interfaces_** — the pattern language for what a good interface is _made of_. See [`references/pattern-catalog.md`](references/pattern-catalog.md). 2. **The [`ux`](../ux/SKILL.md) skill** — LobeHub's execution checklists for how a flow should _behave_. The audit answers: **which patterns does the surface use** (and how well), and **where is the experience weak** (each gap tied to a checklist item). Recurring gaps feed back as new `ux` checklist items; the audit itself becomes a worked-example reference. Do **one surface per run** — a full-app sweep is too much for a single pass. Re-run per page as the product grows; that's the "continuous" part. ## Three layers — pick by what you need to catch An audit is not one activity. A finding is only trustworthy from a layer that can actually _see_ it. Each layer has its own procedure file; run the ones the surface needs. | Layer | File | What it does | Catches | Cost | | -------------- | --------------------------------------------------- | ----------------------------------------------------

What's inside
Steps it walks through
  1. Three layers — pick by what you need to catch
  2. Coverage matrix — which layer can conclude what
  3. Tiering — don't run all three every time
  4. Ground rule: evidence, not vibes
  5. Ground rule: benchmark the surface class, not just our own artifact
  6. Ground rule: report the good, not only the gaps
  7. Severity rubric (shared)
  8. Output (shared)
  9. Land the findings (shared)
  10. Related skills
Ships with 24 files
  • agents/openai.yaml
  • references/example/channel.md
  • references/example/chat.md
  • references/example/community-list.md
  • references/example/create.md
  • references/example/doc.md
  • references/example/eval.md
  • references/example/fleet.md
  • references/example/home-inbox-error.md
  • references/example/home.md
  • references/example/memory.md
  • references/example/onboarding.md
  • references/example/page.md
  • references/example/profile.md
  • references/example/resource.md
  • references/example/settings.md
  • references/example/stats.md
  • references/example/task-detail.md
  • references/example/tasks.md
  • references/example/topic.md
  • references/example/topics.md
  • references/layer-1-static.md
  • references/layer-2-visual.md
  • references/layer-3-dynamic.md
first 24 of 26
More from lobehub
All skills →
About this skill
What does the ux-audit skill do?

Audit a page / surface against the Designing Interfaces pattern language + the ux skill checklists, then land findings. Three layers — static (code), visual (screenshots), dynamic (automated user journey + perf). Use to run a repeatable, standards-based UX review of one screen.

How do I install it?

Run `npx skills add lobehub/lobehub --skill ux-audit --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From lobehub/lobehub, a repository with 81,252 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going