Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

ss-audit — UX Heuristic Audit

Audits an existing screen against Nielsen's 10 usability heuristics plus mobile UX rules and returns a severity-ranked fix report.

Design & UIIntermediate★ 968⑂ 89AI score 8/10Last updated: Sep 29, 2026

What it does

  • Takes a file path or screen name and runs a read-only UX audit (Read/Grep/Glob only).
  • Walks Nielsen's 10 usability heuristics as explicit checkboxes: system status visibility, user control, consistency, error prevention, error recovery, help & docs, and more.
  • Adds mobile-specific checks (44x44px hit areas, 8px spacing, gesture affordances, 300ms skeletons, notch/home-indicator safe areas) and a dark-pattern prevention pass.
  • Reports back as A+ to F score, Critical / Major / Minor issues, and concrete code-change recommendations.
  • On projects with a .styleseed registry, resolves the artifact ID and reads only that artifact's bundle/manifest so findings match project rules.

Who it's for

  • Web/app frontend engineers and product designers.
  • Teams running a design system that need consistent screen quality.
  • Solo builders doing a pre-release UX QA pass.

Examples

  1. /ss-audit src/app/dashboard/page.tsx — check loading states, empty states, and competing hero metrics.
  2. /ss-audit checkout flow — focus on destructive-action confirmations, undo affordances, and validation timing.
  3. Before a mobile refactor, sweep touch targets, safe areas, and hover-only interactions to build a prioritized backlog.

Use /ss-a11y for accessibility-only work, /ss-review for token/golden-rule compliance, and /ss-copy for microcopy.

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/bitjaru/styleseed/HEAD/engine/.claude/skills/ss-audit/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the engine/.claude/skills/ss-audit folder from the GitHub repo bitjaru/styleseed into my ~/.claude/skills/ss-audit/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/bitjaru/styleseed.git && mkdir -p ~/.claude/skills && cp -r styleseed/engine/.claude/skills/ss-audit ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open a terminal.
  2. Clone the repo: git clone https://github.com/bitjaru/styleseed.git
  3. Create the skills folder: mkdir -p ~/.claude/skills
  4. Copy the skill: cp -r styleseed/engine/.claude/skills/ss-audit ~/.claude/skills/
  5. (Recommended) It references sibling skills such as ss-update, ss-review, and ss-a11y, so copying them all is safer: cp -r styleseed/engine/.claude/skills/* ~/.claude/skills/
  6. Restart Claude Code and run /ss-audit <file-path> with the target screen.
  7. If your project uses the styleseed layout (.styleseed/project.json, etc.), run it from that project root.
View source on GitHub ↗License: MIT