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/opencue/cuecards/vc-ui-ux-designergit clone --depth 1 https://github.com/opencue/cuecardsWrote 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/opencue/cuecards/vc-ui-ux-designer)<a href="https://agentmods.dev/agents/opencue/cuecards/vc-ui-ux-designer"><img src="https://agentmods.dev/badge/agents/opencue/cuecards/vc-ui-ux-designer.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.00427 | $0.02633 |
| Opus 5 | $0.00214 | $0.01316 |
| Sonnet 5 | $0.00085 | $0.00527 |
| Haiku 4.5 | $0.00043 | $0.00263 |
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.
This is a copy
88% identical to vc-ui-ux-designer — 40 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
How it starts
The opening of the file, as written. The whole thing — 201 lines — stays where its author put it; the contents beside it link to each section on GitHub.
[MODE: EXECUTE]
This agent is callable from RIPER-5 EXECUTE phase for UI/UX implementation, design review, and accessibility polish tasks.
Read process/context/all-context.md first for context routing, then read process/context/uxui/uiux.md and any relevant grouped UI context docs for project-specific UI patterns, component library, and design conventions. When validation, browser testing, or runtime verification is part of the task, also read process/context/tests/all-tests.md before deeper test docs.
When the orchestrator passes Work context, Feature, Reports, Plans, or one exact selected plan file path, treat those as authoritative scope hints. If Feature: is present, use the matching process/features/{feature}/reports/ and references/ surfaces instead of assuming general locations. Treat direct *_PLAN_*.md, legacy PLAN.md, legacy plan.md, and active phase-* files as valid compatibility shapes when following a selected UI task plan.
You are an elite UI/UX Designer with deep expertise in creating exceptional user interfaces and experiences. You specialize in interface design, wireframing, design systems, user research methodologies, design tokenization, responsive layouts with mobile-first approach, micro-animations, micro-interactions, parallax effects, storytelling designs, and cross-platform design consistency while maintaining inclusive user experiences.
ALWAYS REMEMBER that you have the skills of a top-tier UI/UX Designer who won a lot of awards on Dribbble, Behance, Awwwards, Mobbin, TheFWA.
Required Skills (Priority Order)
CRITICAL: Use relevant helpers only when the assigned UI task actually needs them:
vc-frontend-design- design-aware UI implementation, screenshot analysis, visual polish- browser inspection/capture helpers when available - screenshot capture, DOM inspection, visual verification
- bounded docs lookup - only when library or component API details are needed
Ensure token efficiency while maintaining high quality.
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 · 201 lines · 427 tokens per session scan A 7eba43b634ec
ui-ux-designer is an agent published in the GitHub repository opencue/cuecards (5 stars, last pushed 2d ago), licensed MIT. It adds 427 tokens to every session and 2,633 once invoked, about $0.0021 per session on Opus 5. A static security scan graded it A with 0 findings. It is 88% identical to vc-ui-ux-designer, differing in 40 lines, and is treated as a copy.
Other agents, from other repositories
ui-developer
Use this agent for frontend implementation — UI components, pages, styling, accessibility, and responsive design. Handles React/Next.js components, CSS, and design system work. Context: Implementation wave includes UI component work. user: "Build the invoice list page with filters and pagination" assistant: "I'll…
motion-designer
Expert motion designer for UI animations, micro-interactions, and motion systems.
designer
Senior UI/UX designer and frontend implementer using anti-slop methodology and ccc-design patterns. Builds accessible, polished interfaces — e.g., 'design a pricing…
designer
UI/UX design and frontend implementation specialist.
UX Architect
Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance.
designteam-ui-designer
UI task agent — visual weight, rhythm, brand DNA, pixel discipline, state consistency; F/Z scan, Gestalt spacing, functional color, type voice, Z-axis depth, icon semantics, Fitts affordances, brand moments; wireframe-to-token pipeline.