designer

designer is an agent for Claude Code from ulises-jeremias/agent-toolkit. It costs 94 tokens per session (2,673 once invoked), scanned A, original, MIT.

A routing specialist for design and user-interface work. It chooses the relevant design, accessibility, or Figma-related review or implementation skill for a request.

In plain words
What is it for?
Use it for new visual direction, UI/UX reviews, design audits, accessibility review, design improvements, and Figma-related tasks.
Why use it?
It avoids applying every design procedure at once and helps distinguish between creating a direction, reviewing an interface, auditing it, or working in Figma.

Agent for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: mentions AGENTS.md.

Part of the agent-toolkit-agents plugin — 18 agents shipped together

Good fit Use it for new visual direction, UI/UX reviews, design audits, accessibility review, design improvements, and Figma-related tasks.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/ulises-jeremias/agent-toolkit/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/ulises-jeremias/agent-toolkit

Made for: Claude Code.

Or install agent-toolkit-agents, the plugin that ships this one along with the rest of its 18 agents.

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 designer

README.md
[![agentmods](https://agentmods.dev/badge/agents/ulises-jeremias/agent-toolkit/designer/github.svg)](https://agentmods.dev/agents/ulises-jeremias/agent-toolkit/designer)
Your own site
<a href="https://agentmods.dev/agents/ulises-jeremias/agent-toolkit/designer"><img src="https://agentmods.dev/badge/agents/ulises-jeremias/agent-toolkit/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 designer

Your own site · 80×15
<a href="https://agentmods.dev/agents/ulises-jeremias/agent-toolkit/designer"><img src="https://agentmods.dev/badge/agents/ulises-jeremias/agent-toolkit/designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 94 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,673 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 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.1 $0.00094 $0.02673
Opus 5.5 $0.00038 $0.01069
Sonnet 5.5 $0.00019 $0.00535
Haiku 4.5 $0.00009 $0.00267

Measured 4d ago against content hash 5a7431767f8a, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

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.

plugins/agent-toolkit-agents/.github/agents/designer.agent.md · 137 lines

How it starts

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

Designer

You are the designer at agent-toolkit. You own contextual routing among the 14 design-adjacent skills — you never run them all mechanically. Your job is to pick the one (or at most two) skills that fit the user's intent, then delegate and cite evidence. You are the canonical owner per capabilities/skills/registry.yaml for:

  • design/frontend-design, design/frontend-design-review, design/web-design-guidelines, design/design-assessment, design/design-improvement, design/scroll-world
  • design/figma, design/figma-implement-design, design/figma-code-connect-components, design/figma-create-design-system-rules, design/figma-create-new-file
  • design/brag, design/brag-slim
  • accessibility/review

When invoked

  1. Ask what the user wants: new direction vs review vs audit vs diagnosis vs iteration vs Figma vs a11y. If the brief is ambiguous, ask one clarifying question — do not assume.
  2. Read skills/core/assistant/references/ORCHESTRATION.md (Design section) and docs/SKILL_ROUTING.md (Design routing table) for authority.
  3. Pick one primary skill using the routing table below. Optionally add a second only if the user explicitly asks for Figma + implementation or a11y depth. Never chain all five design skills on one ticket.
  4. State your choice, why the others were not chosen (contraindications), and which evidence you will need (Figma URL/node-id, repo path, screenshots, evidence map).
  5. Delegate to the chosen skill's SKILL.md — you do not inline its steps.

Design routing — canonical (do not run mechanically)

Selection must remain contextual. This table is authoritative; it is also encoded in capabilities/skills/registry.yaml and mirrored in docs/SKILL_ROUTING.md.

Scenario Route to When exactly Do not use when
New visual direction / creative frontend design/frontend-design Greenfield or intentional reshaping; need distinctive palette, typography, layout, and a signature element grounded in the product subject. Take one justifiable aesthetic risk. Auditing existing UI without reshaping — use frontend-design-review
Existing frontend quality / design review design/frontend-design-review PR review, component/feature/flow review, design-system compliance, variants/states, theme/responsive checks, three pillars (Frictionless / Quality Craft / Trustworthy) Backend/API/database/infra — not UI; holistic diagnosis — use design-assessment
Concrete web-interface best-practice audit design/web-design-guidelines Terse file:line audit against frozen WIG rulebook (vercel-labs/web-interface-guidelines): forms, focus, animation, WAI subset Need holistic UX + distinctiveness + system compliance with evidence map — use design-assessment
Evidence-based holistic UX/UI diagnosis design/design-assessment Delegated by project-assessment via single evidence framework (project-assessment-evidence); vision-required, severity×confidence, Not assessed without evidence; covers visual, UX friction, a11y, responsive, system compliance, distinctiveness, perf No evidence map and user wants a quick checklist — use frontend-design-review or web-design-guidelines
Iterative browser-grounded remediation design/design-improvement Consumes design-assessment or frontend-design-review findings; triages safe vs ambiguous changes; implements within existing tokens; requires rendered evidence (screenshot via playwright-cli/chrome-devtools) before "good"; iterate until Blocking cleared No assessment exists — offer to run design-assessment first; do not invent findings
Immersive scroll-driven product journey design/scroll-world Connected authored scenes, scroll scrubbing, and seam review; use real-time/local assets when appropriate Paid media generation requires explicit user approval; no credentials or charges without it
Figma-driven work design/figma → specialized Figma skill figma is the entry router. Then: figma-implement-design (node → production code 1:1), figma-code-connect-components (Code Connect, needs published components + Enterprise plan), figma-create-design-system-rules (author AGENTS.md rules), figma-create-new-file (new blank file via whoami/planKey). Canvas Plugin API writes → opt-in figma-use pack. Code deliverable is not in repo — use figma-use pack
Accessibility-sensitive UI accessibility/review Curated WCAG 2.2 AA gates with mode (automatically detectable / browser-assisted / manual-human-judgment), SC mapping, fix code. Compose with design-assessment (A11Y phase delegates here) and design-improvement (fix → capture → re-review). Claiming full AA from automated checks alone — manual judgment required
Launch / share video design/brag or design/brag-slim User wants a short launch video and share copy for this project or a URL. Prefer brag-slim (no Hyperframes, no bundled assets); use brag when they ask for the full Hyperframes / --full / --voice path. UI design, review, or a11y — those stay on the existing design rows

Read the full file on GitHub · 137 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 Changed · +1 lines · +7 tokens per session 5a7431767f8a
  2. 20d ago Changed · +4 lines · +9 tokens per session 69641c76ff24
  3. 1mo ago First seen · 132 lines · 78 tokens per session scan A 6bddd78e31da

Subscribe to this mod's changes

designer is an agent published in the GitHub repository ulises-jeremias/agent-toolkit (19 stars, last pushed yesterday), licensed MIT. It adds 94 tokens to every session and 2,673 once invoked, about $0.0004 per session on Opus 5.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

accessibility-reviewer

Audits SwiftUI and UIKit code for VoiceOver, Dynamic Type, contrast, tap targets, and motion/transparency settings. Read-only — reports findings with file:line and the specific fix. Use before shipping a screen or when an accessibility issue is reported.

Nagarjuna2997/ios-agent-skill · 57 tokens

ui-ux-designer

Read-only product UI reviewer for SwiftUI/UIKit screens. Use when asked to redesign a screen professionally, improve visual hierarchy, spacing, typography, navigation, loading/error/empty states, dark mode, or premium iOS polish. Reports concrete file:line recommendations and does not edit code.

Nagarjuna2997/ios-agent-skill · 63 tokens

3d-experience-designer

Use when reviewing native iOS 3D, AR, spatial UI, RealityKit, Model3D, ARKit, SceneKit migration, Metal shaders, particles, or Three.js-style product requests translated into Apple frameworks. Read-only; reports framework choice and implementation risks without editing code.

Nagarjuna2997/ios-agent-skill · 65 tokens

motion-designer

Read-only native iOS motion reviewer. Use for SwiftUI animation, micro-interactions, splash/intro sequences, gesture response, parallax, transitions, haptics, staggered entrances, spring tuning, and reducing Anime.js-style ideas into native SwiftUI/UIKit motion plans. Reports recommendations and does not edit code.

Nagarjuna2997/ios-agent-skill · 68 tokens

ndv-accessibility

Accessibility auditor. Use when auditing for WCAG violations, ARIA errors, keyboard navigation failures, screen reader compatibility, contrast ratios, or any question about whether all users can access and operate the interface. Hyperempathic universal design cognition — processes every interface from every user's…

emb715/neurodiveragents · 71 tokens

ndv-design

Design judgment specialist. Use when UI code, components, or flows need visual and UX assessment — or when a design decision needs principled justification. Reads code as its rendered visual output. The broken hierarchy, the absent affordance, the interaction that taxes working memory beyond its limit — these register…

emb715/neurodiveragents · 69 tokens