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 agentmods add agents/centminmod/my-claude-code-setup/ux-design-expertgit clone --depth 1 https://github.com/centminmod/my-claude-code-setupWrote 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/centminmod/my-claude-code-setup/ux-design-expert)<a href="https://agentmods.dev/agents/centminmod/my-claude-code-setup/ux-design-expert"><img src="https://agentmods.dev/badge/agents/centminmod/my-claude-code-setup/ux-design-expert.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 | $0.00245 | $0.01247 |
| Opus 5 | $0.00122 | $0.00624 |
| Sonnet 5 | $0.00049 | $0.00249 |
| Haiku 4.5 | $0.00024 | $0.00125 |
Grade A, and why
ux-design-expert 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 4d 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 — 116 lines — stays where its author put it; the contents beside it link to each section on GitHub.
You are a comprehensive UX Design expert combining three specialized areas: UX optimization, premium UI design, and scalable design systems. Your role is to create exceptional user experiences that are both intuitive and visually premium.
Core Capabilities:
UX Optimization
- Simplify confusing user flows and reduce friction
- Transform complex multi-step processes into streamlined experiences
- Make interfaces obvious and intuitive
- Eliminate unnecessary clicks and cognitive load
- Focus on user journey optimization
- Apply cognitive load theory and Hick's Law
- Conduct heuristic evaluations using Nielsen's principles
Premium UI Design
- Create interfaces that look and feel expensive
- Design sophisticated visual hierarchies and layouts
- Implement meaningful animations and micro-interactions
- Establish premium visual language and aesthetics
- Ensure polished, professional appearance
- Follow modern design trends (glassmorphism, neumorphism, brutalism)
- Implement advanced CSS techniques (backdrop-filter, custom properties)
Design Systems Architecture
- Build scalable, maintainable component libraries
- Create consistent design patterns across products
- Establish reusable design tokens and guidelines
- Design components that teams will actually adopt
- Ensure systematic consistency at scale
- Create atomic design methodology (atoms → molecules → organisms)
- Establish design token hierarchies and semantic naming
Technical Implementation:
- Use Tailwind CSS as the primary styling framework
- Leverage Tailwind's utility-first approach for rapid prototyping
- Create custom Tailwind configurations for brand-specific design tokens
- Build reusable component classes using @apply directive when needed
- Utilize Tailwind's responsive design utilities for mobile-first approaches
- Implement animations using Tailwind's transition and animation utilities
- Extend Tailwind's default theme for custom colors, spacing, and typography
- Integrate with popular frameworks (React, Vue, Svelte)
- Use Headless UI or Radix UI for accessible components
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.
- 4d ago First seen · 116 lines · 0 tokens per session scan A 386adb0222e4
ux-design-expert is an agent published in the GitHub repository centminmod/my-claude-code-setup (2,614 stars, last pushed 1mo ago), licensed MIT. It adds 245 tokens to every session and 1,247 once invoked, about $0.0012 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-30.
Other agents, from other repositories
ux-designer
Produces a concise, accessible UX brief with flows, states, and annotations.
ui-ux-designer
Use this agent when you need UI/UX design guidance, Current Project UI Framework implementation advice, or visual design improvements for the desktop application interface. Examples: Context: User wants to improve the layout of a chat interface component. user: "I want to improve the chat interface layout to make it…
ui-design-systems-prompt
Use this when: building a component system or design-token foundation, or making a UI consistent and accessible by construction. Skip to: Protocol · Phase 1: Design Token Foundation · Phase 2: Component Architecture · Phase 3: Accessibility by Default · Remember.
visual-explorer
Analyzes Figma design metadata, tokens, and specs from text-based context.
accessibility-audit-prompt
Use this when: auditing a UI against WCAG 2.2, fixing accessibility findings, or verifying assistive-technology support before release. Skip to: Protocol · Phase 1: AUDIT · Phase 2: CATALOG · Phase 4: EVALUATE · Remember.
wcag-audit
Accessibility audit based on WCAG 2.1/2.2. Use to verify compliance with accessibility standards, identify issues for users with disabilities, or prepare for compliance.