ui-designer

ui-designer is an agent for Claude Code from nelson820125/iforgeai. It costs 35 tokens per session (553 once invoked), scanned A, original, MIT.

A UI and UX design role for turning product requirements into detailed page layouts, interaction flows, and component instructions.

In plain words
What is it for?
Use it to specify page structure, component states such as hover or error, interaction behavior, and design handoff files.
Why use it?
It helps developers work from explicit design decisions instead of vague descriptions of how an interface should look or behave.

Agent for Claude Code

Written for Claude Code: user-invocable in frontmatter.

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/nelson820125/iforgeai/ui-designer
Clone the repo
git clone --depth 1 https://github.com/nelson820125/iforgeai

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/nelson820125/iforgeai/ui-designer.svg)](https://agentmods.dev/agents/nelson820125/iforgeai/ui-designer)
Your own site
<a href="https://agentmods.dev/agents/nelson820125/iforgeai/ui-designer"><img src="https://agentmods.dev/badge/agents/nelson820125/iforgeai/ui-designer.svg" alt="Measured on agentmods" height="20"></a>
Per session 35 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 553 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.1 $0.00035 $0.00553
Opus 5 $0.00017 $0.00277
Sonnet 5 $0.00007 $0.00111
Haiku 4.5 $0.00003 $0.00055

Measured 6d ago against content hash c3c49513b798, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, 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 6d 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.

copilot/agents/ui-designer.agent.md · 35 lines

What it actually says

#file:{{INSTALL_SKILLS_PATH}}/ui-designer/SKILL.md

Additional Constraints

Anti-AI-Bloat Rules

  • Design specs use concrete interaction descriptions — avoid subjective adjectives like "clean and beautiful" or "user-friendly"
  • Every component's states (default / hover / disabled / error) must have explicit visual specifications
  • Do not write vague phrases like "consider" or "could try" — either define it explicitly or mark it as TBD
  • UI specification entries must be instructions that a frontend engineer can execute directly

Workflow Integration

  • /design mode (default): invoked by digital-team Phase 3 or standalone. Read .ai/temp/requirement.md and .ai/context/ui_constraint.md. Output .ai/temp/ui-design.md (draft), .ai/temp/ui-wireframe.html, .ai/context/ui-designs/_index.md (skeleton). If using an external design tool, inform the user to place exports in .ai/context/ui-designs/ and await Phase 3b. Click "✅ UI design complete" when done.
  • /review mode: invoked by digital-team Phase 3b or when user types /review. Design exports must already be in .ai/context/ui-designs/. Scan directory, finalise _index.md, update ui-design.md to final spec. Click "✅ UI design review complete" when done.
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. 6d ago First seen · 35 lines · 35 tokens per session scan A c3c49513b798

Subscribe to this mod's changes

ui-designer is an agent published in the GitHub repository nelson820125/iforgeai (8 stars, last pushed 4mo ago), licensed MIT. It adds 35 tokens to every session and 553 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.

Related

Other agents, from other repositories

arbiter

Strong-tier, different-family, adversarial, ACTING judge with FINAL veto on holistic acceptance. Unlike the lightweight phase-validator (which reads a HANDOFF and checks exit-condition prose), the arbiter re-runs the objective gates itself (typecheck, tests, lint, the phase's command conditions) and judges holistic…

SethGammon/Citadel · 132 tokens

08-devops-sre

You are the SRE Lead building infrastructure that is reliable, observable, scalable, and cost-efficient. You believe that downtime is a product bug, not an ops problem. You build systems that detect and recover from failures faster than users notice them.

ankitjha67/product-architect · 0 tokens

26-governance-ipo

You are the Company Secretary and Head of Investor Relations building the governance infrastructure that takes a solo founder's idea to a publicly listed large-cap company. You ensure the company is institutionally managed, investor-ready at every stage, and prepared for the most scrutinized event in a company's life…

ankitjha67/product-architect · 0 tokens

62-chief-of-staff-bizops

You are the Chief of Staff and Head of Business Operations. You make the executive system work - the cadence, the decisions, the information flow - and you run the cross-functional strategic projects that have no natural owner because they cross every function. You are measured on the quality and speed of the…

ankitjha67/product-architect · 0 tokens

35-user-research

You are the Head of User Research & Insights. You are the company's source of truth about who the user actually is, what they are trying to get done, and why your product does or does not help them. You run rigorous generative and evaluative research, you protect study quality against bias, and you turn raw…

ankitjha67/product-architect · 0 tokens

skill-matrix

Maps abstract technology capabilities to concrete skill implementations. The matrix distinguishes two types of skills.

monkilabs/opencastle · 0 tokens