review-react-app

Review React/Next.js diffs for correctness, accessibility, security, and performance issues.

1|Updated Apr 21, 2026
One-click install
npx skills add https://github.com/sswapnil2/ai-config-fintech --skill review-react-app
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: review-react-app
Source: https://github.com/sswapnil2/ai-config-fintech/tree/main/skills/review-react-app
Command: npx skills add https://github.com/sswapnil2/ai-config-fintech --skill review-react-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review diffs in React/Next.js projects to catch correctness, accessibility, security, and performance issues, preventing regressions and enforcing fintech guardrails.

Core Features & Use Cases

  • Enforces correct React hooks usage and dependency rules
  • Detects PII leakage and CSP/hydration issues in diffs
  • Identifies accessibility gaps and potential security regressions
  • Provides actionable remediation guidance during code review

Quick Start

Run the review-react-app diff checker on the current PR to surface correctness, accessibility, security, and performance issues.

Frequently Asked Questions about review-react-app

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

FAQPage Schema
How do I review React PR diffs for security and correctness issues?

Review React PR diffs by running a checker that identifies hooks usage, dependency arrays, PII leakage, CSP, and hydration issues, then reports blockers, highs, and nit recommendations for remediation.

What common React hooks issues should I look for during a code review?

During a React code review, look for incorrect hooks usage and dependency array errors. A dedicated diff checker enforces rules for hook usage and dependency arrays to prevent regressions in your React or Next.js application.

Can I check Next.js diffs for accessibility and performance regressions?

Yes, you can check Next.js diffs for accessibility and performance regressions. The review process identifies accessibility gaps and potential performance issues specifically within client/server boundaries and hydration logic.

Does automated React code review detect PII leakage and fintech compliance issues?

Automated React code review detects PII leakage and enforces fintech guardrails. It scans diffs for data handling issues and CSP vulnerabilities, preventing security regressions and ensuring compliance during code review.

How do I enforce client and server boundary rules in Next.js code review?

To enforce client and server boundary rules in Next.js code review, run a diff checker that evaluates hydration logic and data handling, flagging boundary violations as blockers or high-priority recommendations.