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.