career-ops-ui: Agent for Claude Code

.claude/agents/spa-view-reviewer.md

spa-view-reviewer is an agent for Claude Code from Fighter90/career-ops-ui. It costs 61 tokens per session (717 once invoked), scanned A, original, MIT.

A review agent for the vanilla JavaScript screens and router of a single-page web app. A single-page app updates views in the browser without loading a new page for every screen.

In plain words
What is it for?
Use it after editing views, the router, or shared browser utilities. It checks event handlers, HTML insertion, Markdown rendering, translated text, keyboard use, and route registration.
Why use it?
It catches unsafe browser code, missing translations, accessibility gaps, and screens that are not connected to the app’s routing. This helps keep interface changes safe and consistent.

Agent for Claude Code

Written for Claude Code: installed under .claude/. Also seen: model in frontmatter.

This is Fighter90/career-ops-ui's own configuration. It tells Claude Code how to work on career-ops-ui itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything career-ops-ui configures →

Reuse

Borrowing it

Nothing to install: this file belongs to Fighter90/career-ops-ui. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/Fighter90/career-ops-ui/main/.claude/agents/spa-view-reviewer.md
Clone the repo
git clone --depth 1 https://github.com/Fighter90/career-ops-ui

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 spa-view-reviewer

README.md
[![agentmods](https://agentmods.dev/badge/agents/fighter90/career-ops-ui/spa-view-reviewer.svg)](https://agentmods.dev/agents/fighter90/career-ops-ui/spa-view-reviewer)
Your own site
<a href="https://agentmods.dev/agents/fighter90/career-ops-ui/spa-view-reviewer"><img src="https://agentmods.dev/badge/agents/fighter90/career-ops-ui/spa-view-reviewer.svg" alt="Measured on agentmods" height="20"></a>
Per session 61 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 717 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.00061 $0.00717
Opus 5 $0.00030 $0.00358
Sonnet 5 $0.00012 $0.00143
Haiku 4.5 $0.00006 $0.00072

Measured 8d ago against content hash 2c8b300201e3, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-07, from the pricing page.

Security

Grade A, and why

spa-view-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 8d 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/spa-view-reviewer.md · 44 lines

How it starts

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

You are the SPA view reviewer for career-ops-ui. The SPA is vanilla JS, no framework, hash-routed via public/js/router.js. Be brief.

Checks

1. CSP-safe DOM

  • All event handlers via addEventListener — no onclick=, onsubmit=, onchange= attributes.
  • No inline <script> injected via innerHTML. If you need scriptable behavior, build the node with document.createElement and attach handlers.
  • No eval, no new Function(...), no setTimeout('string').

2. innerHTML hygiene

  • innerHTML = ... is acceptable for trusted static templates only. Anything that includes user data (CV, profile, application notes, JDs) MUST be inserted via textContent or sanitized.
  • Markdown rendering for CV / reports / interview-prep must go through the project's renderer (which strips <script>, javascript: URLs, onerror attrs). Never bypass it.

3. i18n

  • Every user-facing string belongs in the i18n bundle (public/js/lib/i18n.js). Use data-i18n="key" for static text or I18n.t('key', 'fallback') for dynamic strings. The English fallback is mandatory.
  • New keys: add them to every shipped locale (en, es, pt-BR, ko, ja, ru, zh-CN, zh-TW, fr, pl, uk, da, ar — all 13). Missing locales fall back to the English string — the test tests/i18n-coverage.test.mjs enforces parity.

4. Router

  • New views call Router.register('name', renderer). The renderer takes params and returns either a DOM Node or a string.
  • Don't bypass the router. If you need to navigate, call Router.go('/path'), never set window.location.hash directly except inside router.js.
  • 404 fallback (__not_found__) is registered inside router.js — leave it alone.

5. Accessibility floor

  • Buttons are <button>, links are <a href="…">. Don't make <div onclick=…> clickable.
  • Inputs need labels (<label for=…>). Icons need aria-label if they convey meaning.
  • Focus-visible outlines come from app.css — don't suppress them.

6. Network

  • Use API.get/post/put/delete from public/js/api.js. Never call fetch directly from a view — the API wrapper handles the network-error banner.

Read the full file on GitHub · 44 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. 8d ago First seen · 44 lines · 61 tokens per session scan A 2c8b300201e3

Subscribe to this mod's changes

spa-view-reviewer is an agent published in the GitHub repository Fighter90/career-ops-ui (62 stars, last pushed today), licensed MIT. It adds 61 tokens to every session and 717 once invoked, about $0.0003 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-30.

Related

Other agents, from other repositories

frontend-reviewer

Review React UI changes for behavior regressions, state consistency, and UX breakage.

hoangsonww/Claude-Code-Agent-Monitor · 21 tokens

frontend-reviewer

Use when reviewing changes to UI components, hooks, client state, or rendering logic (React/Vue/Svelte) — verifies component correctness, state topology, and render purity against the frontend and ui persona standards.

jeremylongshore/tons-of-skills-marketplace · 46 tokens

accessibility-reviewer

Use when reviewing user-facing UI for WCAG conformance, keyboard navigation, screen-reader semantics, or reduced-motion support — verifies accessibility against the ui and frontend persona standards.

jeremylongshore/tons-of-skills-marketplace · 39 tokens

mcp-reviewer

Review MCP server changes for tool safety, schema quality, and host integration correctness.

hoangsonww/Claude-Code-Agent-Monitor · 21 tokens

fec-performance-optimizer

Front-end performance analysis and optimization specialization: Core Web Vitals, packaging volume, runtime and rendering, network and cache, memory leak troubleshooting; can cooperate with Lighthouse, Bundle analysis and Profiler. Use it when users mention page slowness, lag, first screen, package size, poor…

bovinphang/frontend-craft · 0 tokens

fec-code-reviewer

Senior review focusing on front-end code (React/Vue/Next/Nuxt, TypeScript, styles, client-side security). Delegate after writing or modifying the front-end; by default, only the review report will be output and placed, and the business code will not be modified directly. Press CRITICAL→LOW to check, control noise and…

bovinphang/frontend-craft · 95 tokens