Audit frontend design

Skill sarveshsea/audit-frontend-design

Use when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive design before editing code.From its SKILL.md

Install

npx -y skills add sarveshsea/audit-frontend-design

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

28 days oldThe repository was created 28 days ago. New is not bad, but a brand new repository carrying a familiar-sounding name is the shape a typosquat arrives in, and there has been no time for anyone else to find a problem with it.
1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.5 KB, 323 tokens by cl100k_base, as published. Nobody here has run it

Audit Frontend Design

Audit the real source tree before proposing UI changes. Memi's checks are deterministic and file-anchored; no Figma connection or background process is required.

Run The Audit

From the repository root:

npx -y @memi-design/[email protected] diagnose . --json --no-write --fail-on none

For UX behavior and visual craft detail, run only the relevant follow-up:

npx -y @memi-design/[email protected] ux audit . --json --no-write
npx -y @memi-design/[email protected] craft audit . --json --no-write

Use --screenshot <path> with craft audit when the user provides a rendered screen.

Workflow

Read repository instructions and identify the requested route or component.
Run diagnose before broad UI edits.
Group findings by user impact, not by checker name.
Verify each proposed fix against the cited file and local design tokens.
Implement only fixes relevant to the user's request.
Re-run the same command and report the score and remaining findings.

Output

Lead with actionable findings:

Priority	Evidence	Change
High	`path/to/file.tsx:line` and rule id	Specific code-level fix

Include the command run, before/after score, files changed, and unresolved risks. Never replace source evidence with generic taste advice.

What ships with it: 4 files

2.5 KB alongside SKILL.md