frontend-code-reviewer

Review frontend pull requests for accessibility, React correctness, TypeScript strictness, performance, and test quality.

7|1|Updated Mar 23, 2026
One-click install
npx skills add https://github.com/pranav8494/team-of-agents --skill frontend-code-reviewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-code-reviewer
Source: https://github.com/pranav8494/team-of-agents/tree/main/skills/frontend-code-reviewer
Command: npx skills add https://github.com/pranav8494/team-of-agents --skill frontend-code-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you review a frontend diff or PR to prevent accessibility violations, React correctness issues, TypeScript unsafety, performance regressions, and weak test coverage from reaching production.

Core Features & Use Cases

  • Structured five-phase reviews: Accessibility → React correctness → TypeScript strictness → Performance → Test quality, with severity-based findings.
  • PR and snippet context support: Works for full diffs, single-component checks, and targeted audits like accessibility or React anti-pattern detection.
  • Clear merge verdicts: Produces an overall Approve / Approve with minor comments / Request Changes / Block decision with an explicit rationale.

Quick Start

Ask the reviewer to review your PR diff for accessibility, React correctness, TypeScript strictness, performance, and test quality, and return a phase-grouped report with a merge verdict.

Frequently Asked Questions about frontend-code-reviewer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review a React pull request for accessibility and TypeScript strictness?

To review a React pull request for accessibility and TypeScript strictness, submit the diff to a frontend code reviewer. It analyzes WCAG 2.1 AA compliance, React correctness, type safety, performance, and test quality, returning severity-labeled findings grouped by phase.

What does a frontend code review check for in a Next.js component?

A frontend code review checks Next.js components for React anti-patterns, TypeScript unsafety, accessibility violations, performance regressions, and weak test coverage. It evaluates single components or full diffs and produces a merge verdict with explicit uncertainty notes.

Can I run a targeted WCAG 2.1 AA accessibility audit on a code snippet?

Yes, you can run a targeted WCAG 2.1 AA accessibility audit on a code snippet. The review process supports targeted audits alongside full PR assessments, identifying specific access issues and returning structured findings with severity labels.

How do I get a merge verdict for a frontend diff?

To get a merge verdict for a frontend diff, request a phase-structured review covering accessibility, React correctness, TypeScript strictness, performance, and test quality. The review outputs an Approve, Approve with minor comments, Request Changes, or Block decision with rationale.

Does this code review process work with single-component checks or only full PRs?

This code review process works with both single-component checks and full pull requests. It applies to targeted audits like React pattern validations and WCAG checks, as well as comprehensive diff reviews across React, TypeScript, and Next.js contexts.

What are common React correctness and performance issues caught during frontend reviews?

Common React correctness and performance issues caught during frontend reviews include anti-patterns, type unsafety, and regressions. The review applies a structured five-phase analysis to identify these problems before merging, producing severity-labeled findings.