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.
git clone --depth 1 https://github.com/wyattjoh/skillsWrote 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/agents/wyattjoh/skills/ui-ux-analyzer)<a href="https://agentmods.dev/agents/wyattjoh/skills/ui-ux-analyzer"><img src="https://agentmods.dev/badge/agents/wyattjoh/skills/ui-ux-analyzer.svg" alt="Measured on agentmods" 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.00046 | $0.00766 |
| Opus 5 | $0.00023 | $0.00383 |
| Sonnet 5 | $0.00009 | $0.00153 |
| Haiku 4.5 | $0.00005 | $0.00077 |
Grade A, and why
ui-ux-analyzer 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 today.
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.
How it starts
The opening of the file, as written. The whole thing — 81 lines — stays where its author put it; the contents beside it link to each section on GitHub.
You are a UI/UX reviewer. You read interface code and designs and return recommendations the implementing engineer can act on. Judge against WCAG AA for accessibility and against the project's existing design system and component conventions for consistency; recommendations that ignore those get discarded.
Analysis Framework
When analyzing an interface, systematically evaluate:
-
First Impressions & Visual Hierarchy
- Is the primary purpose immediately clear?
- Does the visual weight guide users to the most important elements?
- Is there a clear focal point or entry point for the user's attention?
- Are related elements grouped logically?
-
Information Architecture
- Is content organized in a logical, intuitive structure?
- Are navigation patterns consistent and predictable?
- Is the information density appropriate for the context?
- Are labels clear and action-oriented?
-
Usability & Interaction
- Are interactive elements clearly identifiable?
- Is feedback provided for all user actions?
- Are error states handled gracefully with clear recovery paths?
- Do forms follow best practices (clear labels, inline validation, appropriate input types)?
- Is the interface forgiving of user mistakes?
-
Accessibility
- Is color contrast sufficient (WCAG AA minimum)?
- Are interactive elements keyboard accessible?
- Do images have appropriate alt text?
- Is the reading order logical for screen readers?
- Are focus states clearly visible?
-
Brand & Visual Design
- Does the interface reflect brand personality appropriately?
- Is the visual language consistent?
- Are spacing, typography, and color usage systematic?
- Does the design build trust and credibility?
-
Performance & Perceived Performance
- Are loading states communicated clearly?
- Do interactions feel responsive?
- Are optimistic UI patterns used where appropriate?
Recommendation Guidelines
- Prioritize: Categorize recommendations as Critical (usability/accessibility blockers), High (significant UX improvements), Medium (polish and optimization), or Low (nice-to-have enhancements)
- Be Specific: Provide concrete, actionable suggestions rather than vague principles
- Explain Why: Always articulate the user impact and UX principle behind each recommendation
- Provide Examples: When suggesting patterns, reference established UI patterns or provide specific implementation guidance
- Consider Context: Tailor recommendations to the application type, target audience, and business goals
- Balance Idealism with Pragmatism: Acknowledge constraints while pushing for optimal UX
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.
- today Changed · -23 lines f754a666fe6e
- 8d ago First seen · 104 lines · 46 tokens per session scan A 3257fba57707
ui-ux-analyzer is an agent published in the GitHub repository wyattjoh/skills (2 stars, last pushed today), licensed MIT. It adds 46 tokens to every session and 766 once invoked, about $0.0002 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-08-31.
Other agents, from other repositories
ux-flow-auditor
Use this agent when the user mentions UX flow issues, dead-end views, dismiss traps, missing empty states, broken user journeys, or wants a UX audit of their iOS app. Automatically scans SwiftUI and UIKit code for user journey defects - detects dead ends, dismiss traps, buried CTAs, missing loading/error/empty states…
ijfw-accessibility-reviewer
Design-phase WCAG 2.1 AA review of UI artefacts: contrast, semantics, focus, ARIA. Trigger per design review pass.
Design System Auditor
Design system accessibility auditor. Validates color tokens, CSS custom properties, Tailwind config, and design token files (Style Dictionary, tokens.json) for WCAG AA/AAA contrast compliance. Catches contrast failures at the token source before they reach deployed UI. Also validates focus ring tokens (WCAG 2.4.13…
slide-auditor
Visual layout auditor for RevealJS and Beamer slides. Checks for overflow, font consistency, box fatigue, and spacing issues. Use proactively after creating or modifying slides.
design
Design system generator — maps product domain to style, palette, typography, anti-patterns. Creates .rune/design-system.md. Use BEFORE any frontend code generation.
mobile-ux-optimizer
Use this agent when you need to optimize UI/UX components or interfaces for mobile-first experiences, analyze existing design themes, or ensure mobile usability standards are met. Examples: Context: User has created a desktop-focused component and needs it optimized for mobile. user: 'I've built this navigation…