skills.rest
Heyvhuang
HeyvhuangCOMMUNITY
Explore all skills by this author →
GitHub

review-react-best-practices

Review React/Next.js code for performance and reliability using a prioritized rule library.

339|58|Updated Jan 10, 2026
Search Tags:#performance#react#next.js#review#best-practices#code-review#rule-library
One-click install
npx skills add https://github.com/Heyvhuang/ship-faster --skill review-react-best-practices
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: review-react-best-practices
Source: https://github.com/Heyvhuang/ship-faster/tree/main/skills/review-react-best-practices
Command: npx skills add https://github.com/Heyvhuang/ship-faster --skill review-react-best-practices

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps teams review and refactor React/Next.js code for performance and reliability using a prioritized rule library.

Core Features & Use Cases

  • Rule-driven review workflow: organizes performance checks into CRITICAL, HIGH, MEDIUM, and LOW priorities.
  • PR-ready outputs: provides a structured summary, recommended fixes, and risk signals for audits.
  • Use Cases: applies during component development, Next.js App Router pages, server/client data fetching reviews, and performance regressions in PRs.

Quick Start

  1. Inspect a React/Next.js project to identify performance bottlenecks and reliability risks using the rule library.
  2. Run the review against a codebase to generate a prioritized findings report.
  3. Use the outputs to guide refactors and PR reviews.

Frequently Asked Questions about review-react-best-practices

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

FAQPage Schema
How do I review React and Next.js code for performance bottlenecks?▼

Run a rule-driven review workflow that applies a prioritized library of performance checks to your React and Next.js code, generating a structured report of findings and recommended fixes.

What is a prioritized rule library for React performance audits?▼

A prioritized rule library for React performance audits organizes code checks into CRITICAL, HIGH, MEDIUM, and LOW priorities, ensuring performance and reliability risks are addressed systematically during development.

Can I use this rule library to audit Next.js App Router pages and server/client boundaries?▼

Yes, you can audit Next.js App Router pages and server/client data fetching boundaries using this rule library to identify performance regressions and reliability risks across those component boundaries.

How do I generate PR-ready outputs for React code reviews?▼

Generate PR-ready outputs for React code reviews by running the rule library against your codebase, which produces a standardized report format containing a structured summary, recommended fixes, and risk signals.

What's the best way to refactor React components for reliability?▼

The best way to refactor React components for reliability is to inspect them using a prioritized rule library, then use the generated findings and recommended fixes to guide your refactoring workflow.

Related Skills

Explore More Software Engineering Skills→
SebKaySebKay
1

audit-idiomatic

Audit codebases for non-idiomatic language and framework usage.

Community
Advanced
DevelopersGlobalDevelopersGlobal
65

performance-optimization

Profile code to identify bottlenecks and validate targeted optimizations.

Official
Advanced
PostalocityPostalocity
1

enforcer

Validate code against codex rules and prevent defects in CI pipelines.

Official
Advanced
keshavraj936keshavraj936

performance-profiling

Run Lighthouse audits and analyze Core Web Vitals for web performance.

Community
Intermediate