skills.rest
OpenAEC-Foundation
OpenAEC-FoundationOFFICIAL
Explore all skills by this author →
GitHub

react-agents-review

Validate React code against hooks, TypeScript, and quality checklists.

6|Updated Mar 19, 2026
Search Tags:#typescript#testing#accessibility#react#hooks#code-review#server-components
One-click install
npx skills add https://github.com/OpenAEC-Foundation/React-Claude-Skill-Package --skill react-agents-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-agents-review
Source: https://github.com/OpenAEC-Foundation/React-Claude-Skill-Package/tree/main/skills/source/react-agents/react-agents-review
Command: npx skills add https://github.com/OpenAEC-Foundation/React-Claude-Skill-Package --skill react-agents-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a structured validation checklist for reviewing generated React code. Run each checklist area sequentially against the code under review. It helps prevent Rules of Hooks violations, ensures type safety, and enforces maintainable patterns across components, Server Components, and accessibility.

Core Features & Use Cases

  • Checklist-driven code review: validates hooks usage, TypeScript types, server components boundaries, state management, event handling, and testing approaches.
  • Deterministic guidance: uses explicit rules and warnings to surface actionable feedback.
  • Use Case: When auditing a pull request containing React code, apply the checklist to verify hook safety, type safety, accessibility, and test coverage across components.

Quick Start

Follow the checklist in the Quick Reference to audit a React codebase and surface fixes.

Frequently Asked Questions about react-agents-review

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

FAQPage Schema
How do I validate React hooks usage and TypeScript safety during a code review?▼

You can validate React hooks and TypeScript safety by applying a structured validation checklist to your pull request, surfacing deterministic rules of hooks violations, TS typing gaps, and actionable fixes.

What should I check when reviewing React server components and client boundaries?▼

When reviewing React server components, you should check server and client boundaries using deterministic rules to verify state management, event handling, and component structure to surface maintainable pattern fixes.

How do I audit React code for accessibility and testing pattern gaps?▼

To audit React code for accessibility and testing patterns, run a structured checklist sequentially against the codebase to verify accessibility considerations and test coverage expectations across components.

Can I use a structured checklist to review state management and event handling in React components?▼

Yes, you can use a structured validation checklist to review state management and event handling in React components, applying deterministic checks to surface actionable quality anti-patterns during automated audits.

Does this React code review checklist apply to automated audits across different projects?▼

Yes, this React code review checklist applies to automated audits across projects, providing deterministic checks for TypeScript typings, hooks usage, server boundaries, and testing expectations to surface actionable feedback.

Why does my React code review miss rules of hooks violations and quality anti-patterns?▼

Your React code review may miss rules of hooks violations because it lacks a structured validation checklist to sequentially identify hooks usage issues, TypeScript safety gaps, and quality anti-patterns.

Related Skills

Explore More Software Engineering Skills→
jidohyunjidohyun
17

frontend-code-review

Review React/Next.js files and git diffs for code quality issues.

Community
Intermediate
dmzoneilldmzoneill
2

review-pr

Automate Git merge request reviews across GitLab with commit, pipeline, and Jira checks.

Community
Advanced
jfrometajfrometa

lint-and-validate

Run lint, type checks, and security audits on Node.js and Python projects.

Community
Advanced
arthtyagiarthtyagi
1

react-best-practices

Review React and Next.js TSX files for performance, accessibility, hook, and component-pattern issues.

Community
Advanced