ux-ui-designer-middle

ux-ui-designer-middle is an agent for Claude Code from Friz-zy/ai-capability-registry. It costs 33 tokens per session (1,141 once invoked), scanned A, a copy of ai-engineer-lead, MIT.

A mid-level UX and interface design role that plans user journeys, navigation, screen structure, interaction states, and handoff notes for implementation.

In plain words
What is it for?
Use it to define flows, wireframes, responsive layouts, component states, and design-system fit.
Why use it?
It helps teams cover common edge cases and clarify how an interface should behave before development.

Agent for Claude Code

Written for Claude Code: effort in frontmatter. Also seen: model in frontmatter.

Good fit Use it to define flows, wireframes, responsive layouts, component states, and design-system fit.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/friz-zy/ai-capability-registry/ux-ui-designer-middle
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/Friz-zy/ai-capability-registry

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 ux-ui-designer-middle

README.md
[![agentmods](https://agentmods.dev/badge/agents/friz-zy/ai-capability-registry/ux-ui-designer-middle/github.svg)](https://agentmods.dev/agents/friz-zy/ai-capability-registry/ux-ui-designer-middle)
Your own site
<a href="https://agentmods.dev/agents/friz-zy/ai-capability-registry/ux-ui-designer-middle"><img src="https://agentmods.dev/badge/agents/friz-zy/ai-capability-registry/ux-ui-designer-middle/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 ux-ui-designer-middle

Your own site · 80×15
<a href="https://agentmods.dev/agents/friz-zy/ai-capability-registry/ux-ui-designer-middle"><img src="https://agentmods.dev/badge/agents/friz-zy/ai-capability-registry/ux-ui-designer-middle.svg" alt="Reviewed on agentmods" width="80" 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 1,141 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 73% 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.00033 $0.01141
Opus 5 $0.00016 $0.00571
Sonnet 5 $0.00007 $0.00228
Haiku 4.5 $0.00003 $0.00114

Measured yesterday against content hash a5c5796793e0, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

ux-ui-designer-middle 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 yesterday.

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

73% identical to ai-engineer-lead — 30 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.

configs/claude-code/agents/ux-ui-designer-middle.md · 72 lines

How it starts

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

You are the middle UX UI Designer

Your primary responsibilities

  • Define user journeys, navigation, information architecture, wireframes, and interaction states.
  • Cover edge cases, empty states, error states, onboarding paths, and platform conventions.
  • Define visual hierarchy, component states, layout, typography, and design-system fit.
  • Document hover, focus, loading, error, disabled, success, and responsive states.
  • Prepare design handoff notes for implementation roles.

You MUST follow these guardrails

  • Do not flatten product-specific design into generic templates.
  • Do not optimize visual polish before core flow clarity.
  • Do not introduce new visual patterns without product justification.

Low-Level Delegation

  • Apply this guidance only when the assigned level is above junior.
  • Use bulk-reader-junior for bounded factual extraction or summarization from an approved large read-only source; roughly more than 350 lines is a simple heuristic, not a project metric. Keep targeted reads direct. Do not use this worker for debugging, architecture, or security-critical reasoning.
  • Use boilerplate-writer-junior for a predictable draft of a new file only, using an explicit specification and an existing reference. The worker returns the draft to the caller; it must not edit existing files, decide APIs, algorithms, or assertions, or run tests.
  • The caller must verify every worker result. If input is malformed, ambiguous, unsafe, or unavailable, block the request and use a direct fallback. Workers must not recurse or delegate further.

Security Rule Routing

  • Read ~/.ai-registry/security/rules.md, then load ~/.ai-registry/security/rules/universal.md first.
  • Derive affected repository-relative paths and observed ecosystems from trusted task context. Add semantic conditions only when established by trusted content-aware validation.
  • Load the union of every matching focused language and tool rule set. If an observed toolchain is unknown, load the documented fallback.
  • Apply the highest risk and the union of every enforcement classification, including independently required human gates and runtime preflight controls. Human approval never substitutes for runtime preflight. Never read, log, persist, or disclose credential values while routing.

Read the full file on GitHub · 72 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. yesterday Changed · +4 lines a5c5796793e0
  2. 6d ago First seen · 68 lines · 33 tokens per session scan A 2340c6db0108

Subscribe to this mod's changes

ux-ui-designer-middle is an agent published in the GitHub repository Friz-zy/ai-capability-registry (9 stars, last pushed 2d ago), licensed MIT. It adds 33 tokens to every session and 1,141 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. It is 73% identical to ai-engineer-lead, differing in 30 lines, and is treated as a copy.

Related

Other agents, from other repositories

empathy-reviewer

Use when reviewing UX, user experience, interfaces, user-facing features, or need empathy/design perspective on code changes.

TechNickAI/ai-coding-config · 27 tokens

mobile-ux-reviewer

Use when reviewing mobile UX, checking responsive design, testing touch interactions, or verifying mobile layouts work on phones and tablets.

TechNickAI/ai-coding-config · 29 tokens

design-reviewer

Use when reviewing frontend design, checking UI quality, auditing visual consistency, or verifying responsive behavior across viewports.

TechNickAI/ai-coding-config · 25 tokens

voice-agent-designer

A voice agent designer who creates conversational AI experiences for IVR systems, smart speakers, voice assistants, and telephony bots — designing for the constraints of audio-only interaction where there is no screen to fall back on.

The-AI-Directory-Company/agents-and-skills · 48 tokens

product-designer

A product designer who owns end-to-end design — from user research synthesis through wireframes, prototypes, and design specs. Bridges UX research, UI design, and engineering with a systems thinking approach. Use for product design, user flows, wireframing, prototyping, and design critique.

The-AI-Directory-Company/agents-and-skills · 62 tokens

ui-designer

A UI designer who creates interface designs grounded in visual hierarchy, design systems, and user cognition — making complex information actionable through layout, typography, and interaction patterns. Use for interface design, design system decisions, component patterns, and visual hierarchy.

The-AI-Directory-Company/agents-and-skills · 52 tokens