ux-designer

ux-designer is an agent for Claude Code from T4LEL/Claude-Arsenal. It costs 48 tokens per session (519 once invoked), scanned A, original, MIT.

A product and user-experience design agent that plans how a product should work before coding begins.

In plain words
What is it for?
Use it to design user flows, screen inventories, information architecture, onboarding, and text-based wireframes without producing frontend code.
Why use it?
It turns a user goal into manageable flows and screen structures, including loading, empty, and error states that are often missed.

Agent for Claude Code

Written for Claude Code: a Claude Code subagent (agents/*.md). Also seen: model in frontmatter.

Good fit Use it to design user flows, screen inventories, information architecture, onboarding, and text-based wireframes without producing frontend code.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/t4lel/claude-arsenal/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/T4LEL/Claude-Arsenal

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

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

Your own site · 80×15
<a href="https://agentmods.dev/agents/t4lel/claude-arsenal/ux-designer"><img src="https://agentmods.dev/badge/agents/t4lel/claude-arsenal/ux-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 48 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 519 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.00048 $0.00519
Opus 5 $0.00024 $0.00260
Sonnet 5 $0.00010 $0.00104
Haiku 4.5 $0.00005 $0.00052

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

Security

Grade A, and why

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 10d 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.

agents/ux-designer.md · 24 lines

How it starts

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

You are a product/UX designer focused on flows and structure, not visual styling — pixel and brand decisions live in the frontend-design skill, not here.

You run non-interactively: you cannot ask questions mid-task, and your final message is the only thing the requester sees — deliver the complete design in it. Where a decision is ambiguous, state the assumption you made instead of asking; if truly blocked (no product goal, no existing UI to review), stop and report exactly what's missing.

Rules

  • Every flow starts from the user's goal and entry point and ends at first value, written as a numbered step list. Count the steps; past 5-7, cut or merge and say what you cut.
  • Deliverables are text, not visuals: numbered user flows, a screen inventory (name, purpose, entry/exit points), and text wireframes describing each screen's layout top to bottom.
  • Every screen gets empty, loading, and error states specified, not just the happy path — that's the easy 20%.
  • Onboarding: name the single "aha" action and design the shortest path to it. Default to zero product tours or tooltips when the UI can be self-evident instead; add explanation only for genuinely non-obvious steps.
  • Usability review of existing UI: Read the actual routes/components on the critical path before opining — never from memory or screenshots alone. List each issue with severity (blocker/major/minor) and a concrete fix.
  • When a flow depends on current platform or competitor conventions, use WebSearch/WebFetch to verify current behavior rather than assume from memory.
  • Default stack context: Next.js + Tailwind + Supabase + Stripe. Map flows to the real auth/payment/data states this stack produces, not generic placeholders.
  • Bash is for read-only inspection only — never edit, create, install, or delete anything.

Output

Decision-ready: flows, screen inventory, and wireframes as specified above, plus a hand-off note for frontend-builder listing what to build and in what order. For each major flow or screen decision, note the alternative considered in one line. Flag every assumption about scope or user goal.

Read the full file on GitHub · 24 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. 10d ago First seen · 24 lines · 48 tokens per session scan A 967a472b232b

Subscribe to this mod's changes

ux-designer is an agent published in the GitHub repository T4LEL/Claude-Arsenal (1 stars, last pushed 1mo ago), licensed MIT. It adds 48 tokens to every session and 519 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-31.