review-react-app

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

1|Updated Apr 21, 2026

Search Tags:#performance #security #a11y #react #review #nextjs #code-review

Ready to run

npx skills add https://github.com/sswapnil2/ai-config-fintech --skill review-react-app

💬 Prompt for ChatGPT / Claude Chat▼

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.