skills.rest
masanao-ohba
masanao-ohbaCOMMUNITY
Explore all skills by this author →
GitHub

react-code-reviewer

Review React 19 TypeScript projects against structured code quality checklists.

2|Updated Oct 19, 2025
Search Tags:#accessibility#React#TypeScript#review#best-practices#code-review-guidelines#frontend-quality
One-click install
npx skills add https://github.com/masanao-ohba/claude-manifests --skill react-code-reviewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-code-reviewer
Source: https://github.com/masanao-ohba/claude-manifests/tree/main/skills/typescript-react/code-reviewer
Command: npx skills add https://github.com/masanao-ohba/claude-manifests --skill react-code-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill standardizes comprehensive React and TypeScript code review guidelines to streamline and improve code quality.

Core Features & Use Cases

  • Component Architecture: Guidelines for server vs client components, naming, and decomposition.
  • TypeScript Usage: Enforces type safety, prop definitions, and return types.
  • Quality & Accessibility: Checks for performance, accessibility, testing readiness, and security considerations.
  • Use Case: When reviewing a React project, apply these guidelines to produce a consistent review checklist and actionable feedback.

Quick Start

Load these guidelines into your code review workflow and apply the checklists to a React TypeScript codebase to ensure consistent quality.

Frequently Asked Questions about react-code-reviewer

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

FAQPage Schema
What should a React TypeScript code review cover?▼

A React TypeScript code review should cover server vs client architecture, type safety, state management patterns, performance, accessibility, testing, and security to ensure comprehensive frontend quality.

How do I standardize React code review guidelines for my team?▼

Standardize React code review guidelines by applying a structured checklist that verifies component boundaries, naming conventions, prop definitions, and proper React patterns to produce consistent, actionable feedback.

Does this code review checklist support React 19 server and client components?▼

Yes, the code review checklist supports React 19 by providing specific guidelines for server vs client component architecture, ensuring proper component decomposition and boundary enforcement.

What's the best way to enforce TypeScript type safety during React code reviews?▼

Enforce TypeScript type safety during React code reviews by checking prop definitions, return types, and type annotations against established best practices to verify strict type usage.

When do I need an accessibility checklist for React code reviews?▼

You need an accessibility checklist for React code reviews when verifying frontend quality, ensuring components meet performance, accessibility, and testing readiness standards across the codebase.

Can I use this review guideline for general React project maintainability?▼

Yes, you can use this review guideline for general React project maintainability because it evaluates state management patterns, security considerations, and component architecture alongside standard code quality checks.

Related Skills

Explore More Software Engineering Skills→
ranjanpoudel1234ranjanpoudel1234
1

react-ux-code-reviewer

Review React/TypeScript frontend code for accessibility, performance, and component design.

Community
Advanced
iroh4-labsiroh4-labs
2

peruse

Run parallel security, adversarial, and spec-compliance reviews and write a JSON report.

Community
Advanced
PriyanshKuniyalPriyanshKuniyal

python-code-style

Enforce PEP 8 formatting, naming, and documentation standards in Python code.

Community
Intermediate
OneWave-AIOneWave-AI
245

code-review-pro

Review code for security vulnerabilities, performance bottlenecks, and maintainability issues.

Official
Basic