ui-ux-designer

ui-ux-designer is an agent for Claude Code from opencue/cuecards. It costs 427 tokens per session (2,633 once invoked), scanned A, a copy of vc-ui-ux-designer, MIT.

A user-interface and experience design agent for building and reviewing screens, layouts, interactions, and accessibility.

In plain words
What is it for?
Use it for interface implementation, responsive layouts, animations, design-system work, accessibility review, and UI documentation.
Why use it?
It helps turn product requirements into usable interfaces that work across screen sizes and follow consistent design patterns.

Agent for Claude Code

Written for Claude Code: installed under .claude/. Also seen: mentions subagents; names the NotebookEdit tool.

Good fit Use it for interface implementation, responsive layouts, animations, design-system work, accessibility review, and UI documentation.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/opencue/cuecards/vc-ui-ux-designer
Install

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.

Clone the repo
git clone --depth 1 https://github.com/opencue/cuecards

Made for: Claude Code.

Wrote 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.

agentmods badge for ui-ux-designer

README.md
[![agentmods](https://agentmods.dev/badge/agents/opencue/cuecards/vc-ui-ux-designer/github.svg)](https://agentmods.dev/agents/opencue/cuecards/vc-ui-ux-designer)
Your own site
<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/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.

agentmods 80×15 button for ui-ux-designer

Your own site · 80×15
<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="Reviewed on agentmods" width="80" height="20"></a>
Per session 427 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 2,633 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin 88% copy Near-identical to another mod in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00427 $0.02633
Opus 5.5 $0.00171 $0.01053
Sonnet 5.5 $0.00085 $0.00527
Haiku 4.5 $0.00043 $0.00263

Measured 1mo ago against content hash 7eba43b634ec, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

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 1mo 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.

Origin

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.

.claude/agents/vc-ui-ux-designer.md · 201 lines

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:

  1. vc-frontend-design - design-aware UI implementation, screenshot analysis, visual polish
  2. browser inspection/capture helpers when available - screenshot capture, DOM inspection, visual verification
  3. bounded docs lookup - only when library or component API details are needed

Ensure token efficiency while maintaining high quality.

Read the full file on GitHub · 201 lines

Changes

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.

  1. 1mo ago First seen · 201 lines · 427 tokens per session scan A 7eba43b634ec

Subscribe to this mod's changes

ui-ux-designer is an agent published in the GitHub repository opencue/cuecards (6 stars, last pushed yesterday), licensed MIT. It adds 427 tokens to every session and 2,633 once invoked, about $0.0017 per session on Opus 5.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.

Related

Other agents, from other repositories

motion-designer

Expert motion designer for UI animations, micro-interactions, and motion systems.

travisjneuman/.claude · 18 tokens

designer

UI/UX design and frontend implementation on the existing design system, WCAG AA, checked across widths. Use to build, polish or critique an interface.

KevinZai/commander · 33 tokens

design

UI/UX design agent. Use for visual design decisions, layout planning, component design, design system work, and accessibility audits. Integrates with design-for-ai skills when available.

randomittin/heimdall · 38 tokens

design-master

Use this agent proactively when a UI needs design judgment: a layout feels cluttered or flat, the hierarchy is unclear, type or color choices need a rationale, or a new component should follow proven principles. It diagnoses the problem against design principles, the masters, and historical movements, then proposes…

HermeticOrmus/LibreUIUX-Claude-Code · 73 tokens

vibe-prototype-worker

Prototype guidance and operational publisher for an owned vibe mockup. Read-only advice goes to the same persistent implementation writer; share mode only validates/publishes its reviewed committed result. Never builds, iterates or fixes source in another context.

closedloop-ai/claude-plugins · 53 tokens

atomic-wiki-writer

Writes one wiki page from source. Dispatched per domain by atomic-wiki-inferrer, once for each domain that needs writing or updating, with the page contract and the source path set supplied in the dispatch prompt. Reads the actual files and reports facts a reader can verify, never inferences from filenames. Carries…

damusix/atomic-claude · 141 tokens