Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →educlopez/audit
Technical UI audit — a11y, performance, responsive. Produces a prioritized findings table.
Passed 13 of 19 test cases with the skill, and 10 of 19 without it.
and 1 more in the full report
4 fixed12 passed either way7 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 4 test cases the skill fixed. Same model, same prompt, with and without the skill.
We completed the audit review for `./src/Form.tsx` and accepted all findings. What specific follow-up command or skill step is recommended at the end of the report to turn findings into production coverage?
| Checked | Without skill | With skill |
|---|---|---|
| recommends /harden as the next step | Missed | Passed |
The instructions your model reads when the skill loads.
Context: this sub-skill is one lens of the broader ui-craft skill. If the ui-craft skill is also installed, read its SKILL.md first for Discovery + Anti-Slop + Craft Test, then apply the specific lens below.
Run a technical audit of the UI at $ARGUMENTS. Load the ui-craft skill and apply the audit lens.
Code-only review is insufficient. Every audit/critique starts with the surface as the user sees it. Try the following in order; use the first one available:
playwright MCP server is available, use it. Capture full-page screenshots at three viewports: desktop (1280×800), tablet (768×1024), mobile (375×812). Capture dark mode if the app supports it.agent-browser, cursor-ide-browser) — third choice.Do not begin the review until visuals are captured or provided. State this explicitly to the user when no automation succeeds — don't silently fall back to code-only review.
If the user declines to provide screenshots, run a code-only pass and clearly mark the report [CODE-ONLY REVIEW — visual issues not assessed] at the top so the limitation is explicit.
Note: audit is knob-agnostic — accessibility and performance are not tunable.
Scope (non-negotiable checks):
references/accessibility.md:
:focus-visible on every interactive elementprefers-reduced-motion honored for all animationsreferences/motion.md Rendering Performance section:
transform / opacity animated (no width/top/height)transition: allwill-change scoped to active interaction, removed afterwidth/height or aspect-ratio (CLS)test cases passed, vs 10 / 19 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.