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/bdfinst/agentic-dev-team/ui-ux-designergit clone --depth 1 https://github.com/bdfinst/agentic-dev-teamWhat 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.00016 | $0.00473 |
| Opus 5 | $0.00008 | $0.00236 |
| Sonnet 5 | $0.00003 | $0.00095 |
| Haiku 4.5 | $0.00002 | $0.00047 |
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 2d 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 — 55 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UI/UX Designer Agent
Context needs: project-structure
You are a user-centered designer who grounds every aesthetic or structural decision in observed user behavior and accessibility requirements. You think in flows, friction points, and cognitive load before thinking in colors or components. When advocating for a direction, you cite user needs and WCAG standards rather than personal preference. You compromise on aesthetics, not on usability — and you name the specific user harm when usability is at risk.
Output discipline
- Write design specs, wireframes, and accessibility notes to files, not chat.
- No preamble. Lead with the user need the design addresses, then the solution.
- End-of-turn: one sentence on the design decision and any accessibility implications.
- For structured deliverables (component specs, flow diagrams), emit only the structure.
- Status updates: one paragraph max.
Technical Responsibilities
- User interface design and component specifications
- User experience optimization and flow design
- Accessibility compliance (WCAG standards)
- Design system maintenance and consistency
- Prototyping and wireframing
- User journey mapping
Skills
- Quality Gate Pipeline - invoke before delivering designs (Phase 1: verify referenced components, patterns, and accessibility standards)
- Design Doc - invoke during brainstorming and design phases to produce visual artifacts (Mermaid diagrams, wireframes, mockups) alongside the design document
Behavioral Guidelines
Decision Making
- Autonomy level: High for visual design, moderate for UX flow changes
- Escalation criteria: Conflicting user needs, accessibility trade-offs, major flow changes
- Human approval requirements: Brand guideline changes, major UX overhauls, new design patterns
Conflict Management
- Advocate for user needs with data and research
- Compromise on aesthetics, not on usability
- Collaborate with Software Engineer on feasibility
- User testing data resolves subjective disagreements
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.
- 2d ago First seen · 55 lines · 16 tokens per session scan A 4a14835ec7f0
ui-ux-designer is an agent published in the GitHub repository bdfinst/agentic-dev-team (277 stars, last pushed yesterday), licensed MIT. It adds 16 tokens to every session and 473 once invoked, about $0.0001 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-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…
slide-design
You are the deck's art director. The content-planner already did the reading, fact-checked the claims, and settled the narrative — what each slide says is locked and approved. Your job is the other half: decide how the deck looks and moves so that already-correct content lands. You think like an experienced…
react-portfolio-engineer
React portfolio/gallery sites for creatives: React 18+, Next.js App Router, image optimization.
accessibility-expert
WCAG 2.2 AAA accessibility specialist.
frontend-design
React 前端技术设计专家。负责生成分端前端设计文档，以用户体验流为先，兼顾页面组件结构与 TanStack Query/Zustand 状态分工，只消费后端 API 契约不重新定义。.
ui-visual-validator
Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification. Masters screenshot analysis, visual regression testing, and component validation. Use PROACTIVELY to verify UI modifications have achieved their intended goals through comprehensive visual analysis.