React PR Reviewer

Review React/TypeScript pull request diffs and output categorized verdicts.

Updated Jan 17, 2026
One-click install
npx skills add https://github.com/saddam-eng-tech/ai-agent-skills --skill react-pr-reviewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: React PR Reviewer
Source: https://github.com/saddam-eng-tech/ai-agent-skills/tree/main/react-pr-reviewer
Command: npx skills add https://github.com/saddam-eng-tech/ai-agent-skills --skill react-pr-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of reviewing React/TypeScript code changes in Pull Requests, identifying potential bugs, security vulnerabilities, and performance issues before they are merged.

Core Features & Use Cases

  • Structured Code Review: Provides a categorized review (Security, Type Safety, Performance, Architecture, Accessibility, Testing) with specific verdicts (BLOCK, WARN, APPROVE).
  • Diff or File Input: Accepts either a Git diff or raw component file contents as input.
  • Use Case: A developer submits a Pull Request for a new React component. This Skill analyzes the changes, flags a potential useEffect dependency issue, and suggests a fix, ensuring code quality and preventing bugs.

Quick Start

Review the provided code diff for potential issues.

Frequently Asked Questions about React PR Reviewer

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

FAQPage Schema
How do I automate React code reviews for pull requests?▼

Automate React code reviews by submitting Git diffs or raw component files to identify security vulnerabilities, performance bottlenecks, and type safety issues, outputting a categorized markdown report with BLOCK, WARN, or APPROVE verdicts.

What issues are typically flagged during a TypeScript and React code review?▼

A React and TypeScript code review flags security vulnerabilities, type safety issues, performance bottlenecks, architectural concerns, accessibility problems, and testing gaps found within the submitted component changes.

Can I review raw React component files instead of a Git diff?▼

You can review raw React component files instead of a Git diff. The review process accepts both input formats directly to analyze TypeScript changes and output the structured markdown report.

How do I get a structured verdict from a pull request code review?▼

Get a structured verdict from a pull request code review by processing the Git diff, which generates a categorized markdown report delivering explicit BLOCK, WARN, or APPROVE outcomes based on the analyzed React changes.

Does automated code review detect React useEffect dependency issues?▼

Automated code review detects React useEffect dependency issues by analyzing the provided component files or Git diffs, flagging potential bugs within the performance and architectural categories of the generated report.