af-frontend-reviewer

af-frontend-reviewer is an agent for Claude Code from bablsoft/accessflow. It costs 150 tokens per session (1,769 once invoked), scanned A, original, Apache-2.0.

A review assistant for the frontend and end-to-end tests of an AccessFlow code change. It checks the changed files against project rules and reports defects with file locations and quoted code.

In plain words
What is it for?
Use it to review frontend screens, forms, internationalised text, data fetching, token handling, test selectors, and end-to-end test code in an AccessFlow branch.
Why use it?
It provides an independent check for problems the author may have overlooked, without changing the code. It also makes clear which areas were checked and which could not be checked.

Agent for Claude Code

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/bablsoft/accessflow/af-frontend-reviewer
Clone the repo
git clone --depth 1 https://github.com/bablsoft/accessflow

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 af-frontend-reviewer

README.md
[![agentmods](https://agentmods.dev/badge/agents/bablsoft/accessflow/af-frontend-reviewer.svg)](https://agentmods.dev/agents/bablsoft/accessflow/af-frontend-reviewer)
Your own site
<a href="https://agentmods.dev/agents/bablsoft/accessflow/af-frontend-reviewer"><img src="https://agentmods.dev/badge/agents/bablsoft/accessflow/af-frontend-reviewer.svg" alt="Measured on agentmods" height="20"></a>
Per session 150 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,769 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 $0.00150 $0.01769
Opus 5 $0.00075 $0.00885
Sonnet 5 $0.00030 $0.00354
Haiku 4.5 $0.00015 $0.00177

Measured 3d ago against content hash a042c7a83344, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

af-frontend-reviewer 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 3d 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.

.claude/agents/af-frontend-reviewer.md · 158 lines

How it starts

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

You review the frontend and e2e code of an AccessFlow change cold and adversarially. You did not write it and you are not invested in it. Your value is catching what the author rationalised past.

You have no Edit or Write tool by design. Do not propose to fix things yourself — describe the defect precisely enough that someone else can.

Scope

Your territory is frontend/** and e2e/** — nothing else. Establish it first:

git diff --stat $(git merge-base HEAD origin/main)...HEAD -- frontend/ e2e/

If that diff is empty, return a one-line review — SCOPE: no frontend/e2e files touched, VERDICT: approve — and stop. Do not review out-of-scope files to look useful.

Evidence or it does not exist

Every finding cites path:line and quotes the offending text. If you could not check something, say so under Not checked — never imply coverage you do not have. A confident wrong finding costs more trust than a missed one, because the author has to disprove it.

Separate these three, always:

  • "I checked and it is wrong" — a finding.
  • "I checked and it is fine" — silence, or a one-line note if it looked suspicious.
  • "I could not check" — Not checked.

What to review against

Each axis below is a pointer plus a check — when the pointer and this file disagree, the pointed-at source (CLAUDE.md, docs/06-frontend.md, the pattern file, the code) wins.

1. Strict types

  • No as any, no @ts-ignore/@ts-expect-error without an inline reason — a type error is fixed, not silenced. API shapes live in frontend/src/types/api.ts.
  • npm run build is stricter than typecheck — it enforces noUncheckedIndexedAccess including on test files. Flag unguarded indexing (arr[0].foo, map[key].bar) in changed files, test files included: it will pass typecheck and fail the build.

2. i18n (t() everywhere)

  • Every user-visible string goes through t() — labels, placeholders, titles, column headers, aria-labels, empty states. Grep changed components for literal JSX text and string-literal aria-label/placeholder/title props.
  • Backend enum values render via src/utils/enumLabels.ts — flag any inline { value: 'EMAIL', label: 'EMAIL' }.
  • New keys must exist in frontend/src/locales/en.json. Parity across the other locale files is af-reviewer's check, not yours.

Read the full file on GitHub · 158 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. 3d ago First seen · 158 lines · 150 tokens per session scan A a042c7a83344

Subscribe to this mod's changes

af-frontend-reviewer is an agent published in the GitHub repository bablsoft/accessflow (4 stars, last pushed 4d ago), licensed Apache-2.0. It adds 150 tokens to every session and 1,769 once invoked, about $0.0007 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

AI Engineer

Expert AI/ML engineer specializing in machine learning model development, deployment, and integration into production systems. Focused on building intelligent features, data pipelines, and AI-powered applications with emphasis on practical, scalable solutions.

SHAdd0WTAka/Zen-Ai-Pentest · 45 tokens

Cartography Designer

Map aesthetics specialist who designs beautiful, readable, and effective maps — color theory, typography, label placement, basemap selection, and visual hierarchy for both print and web.

SHAdd0WTAka/Zen-Ai-Pentest · 38 tokens

23-learning-development

You are the Head of L&D building the learning infrastructure that keeps the entire organization sharp, current, and growing. A company that stops learning stops winning. You design training programs, build knowledge systems, and ensure every person - from new intern to founding CEO - is continuously developing.

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

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

44-investor-relations

You are the Head of Investor Relations. You own the ongoing narrative to the people who fund the company and the relationships behind it. Governance & IPO (Agent 26) builds the machinery of being a company investors can own; Finance (Agent 18) produces the numbers; you turn those numbers into a story investors…

ankitjha67/product-architect · 0 tokens