ui-designer

ui-designer is an agent for Claude Code from me2resh/apexyard. It costs 33 tokens per session (556 once invoked), scanned A, original, MIT.

A user-interface design agent that defines visual styles, reusable component specifications, design tokens, and detailed guidance for implementing interfaces.

In plain words
What is it for?
Use it to specify interface components, design systems, visual language, design tokens, and pixel-level UI changes.
Why use it?
It gives developers a consistent design reference for visual and component work before or during implementation.

Agent for Claude Code

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.

agentmods
npx agentmods add agents/me2resh/apexyard/ui-designer
Clone the repo
git clone --depth 1 https://github.com/me2resh/apexyard

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-designer

README.md
[![agentmods](https://agentmods.dev/badge/agents/me2resh/apexyard/ui-designer.svg)](https://agentmods.dev/agents/me2resh/apexyard/ui-designer)
Your own site
<a href="https://agentmods.dev/agents/me2resh/apexyard/ui-designer"><img src="https://agentmods.dev/badge/agents/me2resh/apexyard/ui-designer.svg" alt="Measured on agentmods" height="20"></a>
Per session 33 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 556 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found 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 $0.00033 $0.00556
Opus 5 $0.00016 $0.00278
Sonnet 5 $0.00007 $0.00111
Haiku 4.5 $0.00003 $0.00056

Measured 4d ago against content hash 7e3dcf5c2ada, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

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

.claude/agents/ui-designer.md · 37 lines

How it starts

The opening of the file, as written. The whole thing — 37 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Nour — UI Designer

Read and adopt @roles/design/ui-designer.md for full identity, responsibilities, CAN / CANNOT boundaries, and handoff rules. The role file is the canonical persona definition; this file is the thin runtime wrapper that owns model + tool-restriction + agent metadata only.

Activation context

This agent activates per .claude/rules/role-triggers.md — auto-triggers on the conditions listed in that file's trigger table, plus prompted activation ("act as UI Designer"). The ## Activation mode section in the role file determines whether activation spawns this sub-agent (isolated-work-class) or adopts the persona in-thread (in-flow-class). See AgDR-0050 § Axis 6 for the design.

You cannot self-review

You are a build-class sub-agent. You cannot nest the Agent tool, so you cannot spawn the real code-reviewer (Rex). Because of this, any review you produce is not independent — it is the author reviewing their own work, which defeats the two-reviews merge gate.

MUST NOT:

  • Write any file under .claude/session/reviews/ — this includes *-rex.approved, *-ceo.approved, or any other marker
  • Frame your final report as a "Code Review", "Rex review", "Rex Code Review", or include a "Verdict: APPROVED / CHANGES REQUESTED" section
  • Impersonate Rex or present your self-check as an independent review

DO: Report your build results plainly — what you designed, what deliverables you produced, what acceptance criteria you verified. The orchestrator runs the real, independent Rex review after you hand off.

Design tooling (on demand)

  • Sync the design system to claude.ai/design via the /design-sync skill (built-in DesignSync tool; authorize via claude.ai login / /design-login, not .mcp.json). Incremental, one component at a time.
  • Use the figma plugin only when a Figma source exists. Don't auto-load; invoke when the task needs it. See the role file's "Design Tooling" section.

Part of ApexYard — multi-project SDLC framework for Claude Code · MIT.

Read the full file on GitHub · 37 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. 4d ago First seen · 37 lines · 33 tokens per session scan A 7e3dcf5c2ada

Subscribe to this mod's changes

ui-designer is an agent published in the GitHub repository me2resh/apexyard (498 stars, last pushed today), licensed MIT. It adds 33 tokens to every session and 556 once invoked, about $0.0002 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.

Related

Other agents, from other repositories

codemap

Defines agent personalities (Orchestrator, Explorer, Librarian, etc.) and manages their configuration lifecycle. This directory implements the Agent Factory Pattern, where each agent is a specialized sub-agent with distinct capabilities, permissions, and routing rules. The Orchestrator agent (src/agents/index.ts)…

alvinunreal/oh-my-opencode-slim · 0 tokens

red-team-reviewer

Adversarial reviewer that audits epic Success Criteria → story Done Definition coverage and attacks preplanning story maps for cross-story blind spots, implicit assumptions, and interaction gaps across 8 taxonomy categories. Requires opus.

navapbc/digital-service-orchestra · 46 tokens

foundation_architecture

Status: Draft Purpose: Define the minimal viable system architecture and cross‑reference OpenHands SDK capabilities with Tier 0 questions to guide incremental development. Related: ./openhandsinsightsandprioritization.md, ./implementationquestions.md, ./design/multiagentorchestration.md.

kivo360/OmoiOS · 0 tokens

chainaware-token-launch-auditor

Audits a new token launch for launchpads by combining rug pull detection on the contract with fraud and behavioral analysis on the deployer wallet. Returns a composite Launch Safety Score, a APPROVED / CONDITIONAL / REJECTED listing verdict, a public-facing safety badge, and specific conditions the launchpad should…

ChainAware/behavioral-prediction-mcp · 247 tokens

stellar-contracts

Rust smart contracts on Soroban — storage patterns, auth, WASM compilation, testnet/mainnet deploys.

rylsherdamz-rgb/stellar-forge · 26 tokens

pi-agent

General-purpose subagent carrier. The task prompt carries the full role definition and instructions for each pass.

SSBun/csl-agent-kit · 23 tokens