frontend-reviewer

frontend-reviewer is a skill for Claude Code from pranav8494/team-of-agents. It costs 34 tokens per session (697 once invoked), scanned A, original, MIT.

A reviewer for frontend pull requests, code changes, and repositories. It compares the code with the project's documented conventions rather than with personal preferences.

In plain words
What is it for?
Use it to review a frontend pull request, audit a frontend repository, or check whether implementation still follows its documented conventions.
Why use it?
It exposes missing rules and drift from the rules the project has actually adopted, while keeping review findings tied to files and fixes.

Skill for Claude Code

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

Needs its repository: it reads a path above its own folder, which exists only inside the repository. The line is Load applicable overlays before acting: ../../overlays/domains/<domain>.md and.

Part of the team-of-agents plugin — 19 skills, 18 agents, 1 hook shipped together

Good fit Use it to review a frontend pull request, audit a frontend repository, or check whether implementation still follows its documented conventions.

Compare 6 skills from other repositories ↓
Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo
git clone --depth 1 https://github.com/pranav8494/team-of-agents
agentmods
npx agentmods add skills/pranav8494/team-of-agents/frontend-reviewer

Made for: Claude Code.

Or install team-of-agents, the plugin that ships this one along with the rest of its 19 skills, 18 agents, 1 hook.

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

README.md
[![agentmods](https://agentmods.dev/badge/skills/pranav8494/team-of-agents/frontend-reviewer/github.svg)](https://agentmods.dev/skills/pranav8494/team-of-agents/frontend-reviewer)
Your own site
<a href="https://agentmods.dev/skills/pranav8494/team-of-agents/frontend-reviewer"><img src="https://agentmods.dev/badge/skills/pranav8494/team-of-agents/frontend-reviewer/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 frontend-reviewer

Your own site · 80×15
<a href="https://agentmods.dev/skills/pranav8494/team-of-agents/frontend-reviewer"><img src="https://agentmods.dev/badge/skills/pranav8494/team-of-agents/frontend-reviewer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 34 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 697 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.00034 $0.00697
Opus 5.5 $0.00014 $0.00279
Sonnet 5.5 $0.00007 $0.00139
Haiku 4.5 $0.00003 $0.00070

Measured 17d ago against content hash 76b7226f1d77, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

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

skills/frontend-reviewer/SKILL.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.

Frontend Reviewer

Iron Law

Audit against the repo's conventions, not your taste. Preference is not a finding.
Every finding names the file, the rule it breaks, and the fix.
A rule that does not exist yet is a finding about the repo, not about the PR.

Load applicable overlays before acting: ../../overlays/domains/<domain>.md and
../../overlays/stacks/<stack>.md. Announce which you loaded, or state "no overlay".
Never invent domain or stack rules absent from an overlay file.

Before Taking Any Action

  1. Announce the overlays loaded, or "no overlay", and the conventions file — its absence is finding #1.
  2. State the scope: which diff, or which directories.
  3. Do not edit code while reviewing unless asked.
  4. Report findings by severity, worst first, then a verdict.

Task Approach

User asks for What to produce
PR / diff review Findings by severity, then a verdict: Approve / Approve with comments / Request Changes / Block
Repo audit Gap register ranked by impact × effort, plus the three to fix first
Convention drift check Rule-by-rule table: what the file says vs what the code does
"Is this any good?" Ask which decision the answer feeds, then answer that only

Severity

Label Meaning
[blocker] Breaks a user, ships a defect, or violates a stated rule. Never downgrade to "minor".
[major] Costs real time later: coupling, missing states, untestable design
[minor] Worth fixing, not worth blocking
[nit] Preference — label it as such or cut it
[question] Not determinable from the diff
[nice] Done well; say so explicitly

Where to Look, in Order

  1. Boundaries — anything importing across a direction the repo forbids?
  2. Placement — right directory and layer, and does it need to exist at all?
  3. Reuse — duplicates something existing, or bends a shared component for one caller?
  4. Contract — minimal public surface, all states handled, errors surfaced?
  5. Tests — behaviour through the public surface, not internals?
  6. Accessibility and performance — the parts tooling cannot catch.

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. 17d ago First seen · 79 lines · 34 tokens per session scan A 76b7226f1d77

Subscribe to this mod's changes

frontend-reviewer is a skill published in the GitHub repository pranav8494/team-of-agents (7 stars, last pushed 18d ago), licensed MIT. It adds 34 tokens to every session and 697 once invoked, about $0.0001 per session on Opus 5.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-10-07.

Related

Other skills, from other repositories

gaia-issue-resolver

End-to-end plan → implement → review pipeline that takes one triaged Gaia issue to a merged-ready PR, with Kill Criteria on the issue and zero follow-up debt. Use when someone says: "resolve this issue", "take #N end-to-end", "work the P0 queue", "fix and ship this issue", "run the resolver", "close out this issue…

gaia-research/gaia-skill-heaven · 174 tokens

review-board

Generate a single-file HTML "story-paced" walkthrough of a finished feature for human code review. Use after completing a feature or merging a PR — produces docs/review/ .html with sidebar nav, Why/Tradeoff/Deferred callouts, status pills, and a reviewer's checklist.

ananthanandanan/skills · 62 tokens

loop-council

Sends an open design question to several independent voices in parallel and returns a decision with its evidence. Use before building anything that touches money, permissions, auth, or schema, or whenever the honest answer is "I am not sure".

cbdreamer11/CB-loop-kit-claude-plugin · 52 tokens

agentmaster-review

Adversarial code review with the agentmaster evidence pipeline. Use when the user asks for an agentmaster review of a diff, branch, or change set, or invokes /agentmaster-review. Assumes the code is guilty until proven working across correctness, structure, testability, flexibility, and security axes, with severity…

rhawk117/agentmaster · 74 tokens

gemini

Cross-model second opinion from Google Gemini — a different AI reviewing the same changes, with deep Google ecosystem knowledge. Three modes: review (pass/fail gate for Google Ads campaigns, SEO metadata, or code), challenge (adversarial stress-test that tries to break your changes), and consult (open Q&A with Gemini…

nowork-studio/notfair-plugin · 184 tokens

boundaries

Analyze Phoenix context boundaries and module coupling via mix xref. Use when checking cross-context calls, validating dependencies, before splitting modules, or reviewing architecture.

oliver-kriska/claude-elixir-phoenix · 33 tokens