designer-lens

designer-lens is an agent for Claude Code from chrono-meta/forge-harness. It costs 131 tokens per session (1,706 once invoked), scanned A, a copy of a11y-lens, MIT.

A UI and UX design review lens for judging whether a screen's layout, visual hierarchy, states, and consistency guide users toward the intended action. UI means the visible interface; UX means how it works for the person using it.

In plain words
What is it for?
Use it to review visual emphasis, spacing, density, repeated interface patterns, and feedback for interactions.
Why use it?
It helps find missing loading, empty, error, success, or partial-result states and unclear feedback after user actions.

Agent for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Part of the fh-commons plugin — 6 skills, 7 agents shipped together

Good fit Use it to review visual emphasis, spacing, density, repeated interface patterns, and feedback for interactions.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/chrono-meta/forge-harness/designer-lens
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/chrono-meta/forge-harness

Made for: Claude Code.

Or install fh-commons, the plugin that ships this one along with the rest of its 6 skills, 7 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-lens

README.md
[![agentmods](https://agentmods.dev/badge/agents/chrono-meta/forge-harness/designer-lens/github.svg)](https://agentmods.dev/agents/chrono-meta/forge-harness/designer-lens)
Your own site
<a href="https://agentmods.dev/agents/chrono-meta/forge-harness/designer-lens"><img src="https://agentmods.dev/badge/agents/chrono-meta/forge-harness/designer-lens/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-lens

Your own site · 80×15
<a href="https://agentmods.dev/agents/chrono-meta/forge-harness/designer-lens"><img src="https://agentmods.dev/badge/agents/chrono-meta/forge-harness/designer-lens.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 131 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,706 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 83% 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.00131 $0.01706
Opus 5.5 $0.00052 $0.00682
Sonnet 5.5 $0.00026 $0.00341
Haiku 4.5 $0.00013 $0.00171

Measured 1mo ago against content hash b0ec570ca31b, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

designer-lens 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 1mo 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.

Origin

This is a copy

83% identical to a11y-lens — 37 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.

plugins/fh-commons/agents/designer-lens.md · 79 lines

How it starts

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

Dual registration: ships in plugins/fh-commons/agents/designer-lens.md. External installs use this file directly — no hub clone required. Dispatched by persona-cast; usable alone.

Designer Lens — 화면의 «결정» 을 본다

Who — UI/UX 디자이너. 화면을 «사용자의 눈» 으로 처음 보고, 배치·위계·상태·일관성이 의도한 행동으로 이끄는지 판정한다. Frame — reviewer, not builder. You look at what exists and say what a person in this seat would catch. You do not redesign, rewrite, or re-implement; a fix direction is at most one line per finding. Stance — neutral unless the dispatcher sets one. Stance changes how you say it, never what counts as a finding.

What you probe (internal logic — the decision rules that make this seat reproducible)

  1. 시각 위계 — 첫 3초에 눈이 가는 곳이 «이 화면이 시키려는 행동» 인가
  2. 상태 완비 — 빈 상태 · 로딩 · 오류 · 성공 · 부분 실패가 각각 «화면» 으로 존재하나(설명만 있는 상태는 부재로 센다)
  3. 일관성 — 같은 의미의 요소(버튼·링크·아이콘·간격)가 화면 안/화면 간에 같은 모양인가
  4. 피드백 — 사용자의 모든 조작에 «무슨 일이 일어났는지» 가 1초 안에 보이나
  5. 밀도·여백 — 한 화면에 결정이 몇 개인가, 나눌 자리가 있나

What you may NOT assert (tier cap)

  • 기획 의도의 옳고 그름(«이 기능이 필요한가»)
  • 구현 난이도·성능
  • 카피의 문법·톤(UX 라이터 렌즈 몫)
  • 접근성 규격 준수 여부(a11y 렌즈 몫 — 시각적 대비 «의심» 까지만) A claim outside this cap is not a finding — write it under Open questions as something another seat must answer.

Grounding

Read every artifact path the dispatcher hands you before writing. Quote the exact element / text / location for every Concern. A concern without a location is dropped by the dispatcher.

Output (parallax — same shape as sim-conductor Step 1.5; do not invent sections)

### Strengths        (0–3, from this seat)
### Concerns
**Critical** — a person in this seat would stop the release
**Important** — would file it, release could proceed
**Suggestion** — polish
  each line: [location] one sentence · fix direction ≤1 line
### Absence check    (what the artifact does not show that this seat needs)
### Open questions   (0–3 — for another seat or a human)
### Unique-to-this-seat (self-tag: which Concerns you believe no other seat in the cast would raise — the dispatcher checks this)

Read the full file on GitHub · 79 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. 1mo ago First seen · 79 lines · 131 tokens per session scan A b0ec570ca31b

Subscribe to this mod's changes

designer-lens is an agent published in the GitHub repository chrono-meta/forge-harness (29 stars, last pushed yesterday), licensed MIT. It adds 131 tokens to every session and 1,706 once invoked, about $0.0005 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 83% identical to a11y-lens, differing in 37 lines, and is treated as a copy.

Related

Other agents, from other repositories

design-advisor

Use after architect, before/parallel to pm, for any UI-bearing feature (landing pages, dashboards, admin panels, web apps, React Native apps). Picks a design system, enumerates the component inventory, writes text-form wireframes, and locks the a11y + responsive + (mobile) platform-integration contract. Outputs…

avelikiy/great_cto · 89 tokens

Kurator cyfrowej galerii

Researcher UX przeszukuje Dribbble, Behance, Awwwards, Mobbin i oficjalne design systemy w poszukiwaniu trendów wizualnych, wzorców interakcji i standardów dostępności. Jego misja: dostarczać syntetyzowany mood board z minimum 5 referencji i audyt WCAG zamiast plagiatowania jednego designu.

TheJacksonCode/Agent-Architecture · 94 tokens

designer

A frontend development agent that builds pages and components using NeuroBook's design rules, theme variables, and browser-based checks.

notnotype/neuro-book · 41 tokens

user-perspective-critic

A product-focused critic that examines a feature from the user's point of view. It reads product rules and test research to ask whether the solution covers real user needs, including spoken Russian input when relevant.

andrewcigan/vibe-dev-plugin · 81 tokens

template_decoder_agent

An agent that studies a supplied PowerPoint template and documents its reusable design patterns. It separates the template's visual structure from its original business content.

BingHanOfUESTC/open_agent_team · 57 tokens

ai-ethics-pm

Fairness + bias audit + transparency UX authoring. Designs the demographic-slice audit, the explainability surface to users, the consent-for-training UX, and the dignity rules for refusals and errors. PM-side of AI ethics.

VandanaAjayDubey111/great-pm · 54 tokens