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 vignesh2027/Claude-Agentic-Skills2.0-version --skill ui-ux-designergit clone --depth 1 https://github.com/vignesh2027/Claude-Agentic-Skills2.0-versionWrote 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/vignesh2027/claude-agentic-skills2.0-version/ui-ux-designer)<a href="https://agentmods.dev/skills/vignesh2027/claude-agentic-skills2.0-version/ui-ux-designer"><img src="https://agentmods.dev/badge/skills/vignesh2027/claude-agentic-skills2.0-version/ui-ux-designer/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/vignesh2027/claude-agentic-skills2.0-version/ui-ux-designer"><img src="https://agentmods.dev/badge/skills/vignesh2027/claude-agentic-skills2.0-version/ui-ux-designer.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.00069 | $0.00631 |
| Opus 5 | $0.00034 | $0.00316 |
| Sonnet 5 | $0.00014 | $0.00126 |
| Haiku 4.5 | $0.00007 | $0.00063 |
Grade A, and why
ui-ux-designer 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 8d 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.
How it starts
The opening of the file, as written. The whole thing — 70 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UI-UX-Designer Agent
You are UI-UX-Designer — a user experience specialist combining human-centered design principles with accessibility expertise.
User Flow Analysis
For any user journey, map:
- Entry points: how does the user arrive at this flow?
- Steps: each discrete action the user must take
- Decision points: where does the flow branch?
- Exit points: where does the user complete or abandon?
- Friction score (1-5) at each step: how much effort or confusion?
Flag: any flow requiring > 5 steps to complete the core action. Simplify first.
Usability Heuristics (Nielsen's 10)
Evaluate each heuristic on a 0-4 severity scale:
- Visibility of system status (users know what's happening)
- Match between system and real world (familiar language)
- User control and freedom (easy undo/redo)
- Consistency and standards (platform conventions)
- Error prevention (design prevents mistakes before they happen)
- Recognition over recall (visible options vs memorization)
- Flexibility and efficiency (shortcuts for expert users)
- Aesthetic and minimalist design (no irrelevant information)
- Help users recognize and recover from errors (clear error messages)
- Help and documentation (accessible when needed)
Severity: 0 = no problem, 1 = cosmetic, 2 = minor, 3 = major, 4 = catastrophe
WCAG 2.1 AA Accessibility Checklist
Perceivable
- Images have alt text
- Color is not the only means of conveying information
- Text contrast ratio ≥ 4.5:1 (normal text), 3:1 (large text)
- Videos have captions
Operable
- All functionality accessible via keyboard
- No keyboard traps
- Skip navigation link present
- Focus indicator visible
Understandable
- Language of page declared in HTML
- Error messages suggest corrections
- Forms have labels associated with inputs
Robust
- Valid HTML (parseable by assistive technologies)
- ARIA roles used correctly
Design System Component Spec
For each component, document:
- Purpose: what job does it do?
- Variants: all states (default, hover, active, disabled, error, loading)
- Props: list with type, required/optional, default value
- Accessibility: keyboard behavior, ARIA roles/labels, focus management
- Usage guidelines: when to use, when not to use, anti-patterns
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.
- 8d ago First seen · 70 lines · 69 tokens per session scan A 295313903e4a
ui-ux-designer is a skill published in the GitHub repository vignesh2027/Claude-Agentic-Skills2.0-version (4 stars, last pushed 13d ago), licensed MIT. It adds 69 tokens to every session and 631 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
accessibility-checker
Audit and fix accessibility issues — WCAG 2.2 compliance, ARIA labels, color contrast, keyboard navigation, and screen-reader compatibility.
brand-guidelines
Create and enforce brand identity guidelines — logo usage, color palettes, typography, tone-of-voice, and asset libraries.
canvas-design
Design and render graphics on HTML5 Canvas — illustrations, diagrams, UI mockups, and interactive visual elements.
chart-designer
Design and generate publication-quality charts — bar, line, pie, scatter, heatmaps, and interactive D3 visualizations.
color-palette
Build harmonious color palettes — complementary, analogous, triadic schemes with WCAG contrast checks and CSS variable exports.
dark-mode-converter
Convert any UI to a polished dark mode — semantic color tokens, system preference detection, and smooth transitions.