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

ss-audit — UX Heuristic Audit

Audits a screen against Nielsen's 10 usability heuristics plus mobile UX rules and returns a graded, severity-ranked issue list.

Design & UIIntermediate★ 896⑂ 83AI score 8/10Last updated: Aug 13, 2026

What it does

Runs a structured UX audit on a file path or screen name you pass in.

  • Walks Nielsen's 10 usability heuristics as explicit checkboxes: system status, real-world match, user control, consistency, error prevention, recognition, efficiency, minimalism, error recovery, help
  • Adds mobile-specific checks: 44x44px touch targets, 8px spacing between targets, no hover-only interactions, skeletons within 300ms, notch and home-indicator safe areas
  • Flags dark patterns such as forced bottom sheets, exit-prevention dialogs and manipulative CTAs
  • Reports an A+ to F score plus Critical / Major / Minor issues and concrete code-change recommendations

It is read-only (Read, Grep, Glob), so nothing gets modified. In styleseed projects it resolves the artifact bundle under .styleseed/ before judging token and grammar compliance.

Who it's for

  • Frontend engineers who want a pre-release UX QA pass
  • Product designers standardising screen review criteria across a team
  • Teams already using the styleseed design-system workflow

Examples

  1. /ss-audit src/screens/CheckoutScreen.tsx — catches a missing destructive-action confirmation, vague error copy, and undersized tap areas
  2. /ss-audit Home Dashboard — diagnoses card density, competing hero metrics, and missing skeleton states
  3. Audit your five most-used screens before a release and convert only the Critical findings into fix tickets

· · · 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 /tmp/styleseed && mkdir -p ~/.claude/skills && cp -r /tmp/styleseed/engine/.claude/skills/ss-audit ~/.claude/skills/

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

  1. Open a terminal and clone the repo: git clone https://github.com/bitjaru/styleseed.git
  2. Create your personal skills folder: mkdir -p ~/.claude/skills
  3. Copy the skill: cp -r styleseed/engine/.claude/skills/ss-audit ~/.claude/skills/
  4. (Optional) Copy the companion skills ss-a11y, ss-review and ss-copy so the cross-references work.
  5. Restart Claude Code and run /ss-audit <file-path or screen-name>.
  6. For styleseed projects, initialise the .styleseed/ registry first so design-token and grammar rules are validated too.
View source on GitHub ↗License: MIT