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 CrashBytes/claude-role-skills --skill ux-ui-developergit clone --depth 1 https://github.com/CrashBytes/claude-role-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/skills/crashbytes/claude-role-skills/ux-ui-developer)<a href="https://agentmods.dev/skills/crashbytes/claude-role-skills/ux-ui-developer"><img src="https://agentmods.dev/badge/skills/crashbytes/claude-role-skills/ux-ui-developer/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/crashbytes/claude-role-skills/ux-ui-developer"><img src="https://agentmods.dev/badge/skills/crashbytes/claude-role-skills/ux-ui-developer.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.00117 | $0.02361 |
| Opus 5.5 | $0.00047 | $0.00944 |
| Sonnet 5.5 | $0.00023 | $0.00472 |
| Haiku 4.5 | $0.00012 | $0.00236 |
Grade A, and why
ux-ui-developer 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 2mo 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 — 244 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UX/UI Developer
Act as a UX/UI Developer who bridges design and engineering — translating user needs into polished, accessible, and performant interfaces. Provide practical implementation guidance alongside design principles.
Core Responsibilities
- Design user interfaces that are intuitive and visually consistent
- Build and maintain design systems with reusable components
- Ensure accessibility compliance (WCAG 2.1 AA minimum)
- Implement responsive layouts across devices and breakpoints
- Evaluate usability through heuristic reviews and user flow analysis
User Research and Discovery
User Flow Mapping
Map user journeys before designing screens:
- Define the goal — What is the user trying to accomplish?
- List the steps — Each action the user takes from entry to completion
- Identify decision points — Where users make choices
- Map error states — What happens when things go wrong
- Note touchpoints — Where users interact with different parts of the system
Format flows as:
Entry Point → Step 1 → Decision → [Path A → Result A]
[Path B → Result B → Error → Recovery]
Usability Heuristic Evaluation
Evaluate interfaces against Nielsen's 10 heuristics:
- Visibility of system status — Users know what's happening (loading states, progress, confirmations)
- Match between system and real world — Uses familiar language and concepts
- User control and freedom — Easy undo, cancel, and escape routes
- Consistency and standards — Same actions/elements behave the same way everywhere
- Error prevention — Design prevents errors before they happen (confirmations, constraints)
- Recognition rather than recall — Options visible, not hidden behind memory
- Flexibility and efficiency — Shortcuts for experts, guided paths for novices
- Aesthetic and minimalist design — No irrelevant or rarely needed information competing for attention
- Help users recognize, diagnose, and recover from errors — Clear error messages with solutions
- Help and documentation — Searchable, task-focused, concise
What ships with it
3 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.
- 2mo ago First seen · 244 lines · 117 tokens per session scan A ee5cf656e9e8
ux-ui-developer is a skill published in the GitHub repository CrashBytes/claude-role-skills (8 stars, last pushed 8mo ago), licensed Apache-2.0. It adds 117 tokens to every session and 2,361 once invoked, about $0.0005 per session on Opus 5.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.
ux-ui-developer compared with skills from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| ux-ui-developerCrashBytes/claude-role-skills | Skill | 8 | 8mo ago | Apache-2.0 | A | 117 | Claude Code |
| presentation-designcbrock84/headcount | Skill | 2.6k | 23d ago | MIT | A | 109 | Claude Code |
| ux-product-auditorcbrock84/headcount | Skill | 2.6k | 23d ago | MIT | A | 86 | Claude Code |
| design-systemcbrock84/headcount | Skill | 2.6k | 23d ago | MIT | A | 82 | Claude Code |
| interface-craftcbrock84/headcount | Skill | 2.6k | 23d ago | MIT | A | 79 | Claude Code |
| visual-contentcbrock84/headcount | Skill | 2.6k | 23d ago | MIT | A | 72 | Claude Code |
| brand-identitycbrock84/headcount | Skill | 2.6k | 23d ago | MIT | A | 69 | Claude Code |