Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add jeremylongworth-source/AgentSkills --skill visual-ui-ux-auditgit clone --depth 1 https://github.com/jeremylongworth-source/AgentSkillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/jeremylongworth-source/agentskills/visual-ui-ux-audit)<a href="https://agentmods.dev/skills/jeremylongworth-source/agentskills/visual-ui-ux-audit"><img src="https://agentmods.dev/badge/skills/jeremylongworth-source/agentskills/visual-ui-ux-audit/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/jeremylongworth-source/agentskills/visual-ui-ux-audit"><img src="https://agentmods.dev/badge/skills/jeremylongworth-source/agentskills/visual-ui-ux-audit.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00068 | $0.00461 |
| Opus 5 | $0.00034 | $0.00230 |
| Sonnet 5 | $0.00014 | $0.00092 |
| Haiku 4.5 | $0.00007 | $0.00046 |
Grade A, and why
visual-ui-ux-audit scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Visual UI UX Audit
Core Workflow
- Inspect the actual interface when possible, not only code. Use browser screenshots, responsive viewports, and interaction states.
- Define the task, user, viewport, primary workflow, and quality bar before critiquing.
- Capture key states: initial screen, primary flow, empty/loading/error/success, mobile, desktop, and any modal/menu/dropdown states.
- Identify issues by evidence: where it appears, why it hurts the user, and what change would improve it.
- Prioritize fixes by user impact and effort. Separate polish from blockers.
- If editing, re-check screenshots after changes.
Tooling Rule
When the interface is local or browser-accessible, prefer actual browser inspection through the available browser tooling. Capture desktop and mobile states when relevant. If a browser cannot be used, disclose that the audit is based on code or static artifacts only.
Audit Dimensions
- Visual hierarchy: focal point, contrast, scan order, CTA prominence.
- Layout: alignment, spacing, density, grouping, rhythm, responsive behavior.
- Typography: size, line length, weight, contrast, truncation, overflow.
- Color: contrast, semantic meaning, palette consistency, state differentiation.
- Interaction states: hover, focus, active, disabled, loading, error, success.
- Information architecture: labels, grouping, navigation, progressive disclosure.
- Accessibility: keyboard flow, focus visibility, readable contrast, motion, hit targets.
- Craft: AI-generic styling, nested cards, accidental gradients, inconsistent radius/shadows, clutter.
Output Contract
- Screens/states inspected
- Prioritized findings with evidence
- Recommended changes
- Quick wins
- Larger redesign risks
- Verification steps
References
- Read
references/visual-audit-checklist.mdwhen performing a visual UI/UX critique.
What ships with it
2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 7d ago First seen · 45 lines · 68 tokens per session scan A 6e4b4989caaf
visual-ui-ux-audit is a skill published in the GitHub repository jeremylongworth-source/AgentSkills (1 stars, last pushed 9d ago), licensed MIT. It adds 68 tokens to every session and 461 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
web-prototype
General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed assets/template.html and pasting section layouts from references/layouts.md. Default for any landing / marketing / docs / SaaS page when no more specific skill matches.
velar-luxury-real-estate
Use this plugin when the user wants a high-end luxury real-estate / architecture landing page with cinematic scroll choreography: a typewriter preloader that lifts away, a scroll-driven house image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up…
mockup-device-3d
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.
web-prototype-taste-brutalist
Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Swiss Industrial Print mode).
web-prototype-taste-editorial
Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill minimalist-skill.
web-prototype-taste-soft
Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh. Distilled from Leonxlnx/taste-skill soft-skill + sections 4–8 of taste-skill.