generic-react-code-reviewer

Review React/TypeScript code for defects, security flaws, performance, and accessibility.

88|22|Updated Dec 17, 2025
One-click install
npx skills add https://github.com/travisjneuman/.claude --skill generic-react-code-reviewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: generic-react-code-reviewer
Source: https://github.com/travisjneuman/.claude/tree/main/skills/generic-react-code-reviewer
Command: npx skills add https://github.com/travisjneuman/.claude --skill generic-react-code-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenges of maintaining high-quality, bug-free, and performant React/TypeScript codebases by enforcing strict coding standards and best practices.

Core Features & Use Cases

  • Comprehensive Code Review: Analyzes React/TypeScript code for bugs, security vulnerabilities, performance bottlenecks, and accessibility issues.
  • Enforces Standards: Ensures compliance with TypeScript strict mode, accessibility guidelines (WCAG AA), performance targets (bundle size, lazy loading), and specific React patterns.
  • Use Case: Before committing a new feature or reviewing a pull request, use this Skill to automatically identify potential issues and ensure the code adheres to project quality standards.

Quick Start

Use the generic-react-code-reviewer skill to review the attached React component file.

Frequently Asked Questions about generic-react-code-reviewer

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

FAQPage Schema
How do I review React and TypeScript code for security vulnerabilities and performance issues?

React and TypeScript code review involves analyzing components for security flaws, performance bottlenecks, and accessibility deficits. Automated checks enforce TypeScript strictness and WCAG AA compliance to identify potential issues before feature completion.

What does WCAG AA compliance mean for React component accessibility?

WCAG AA compliance for React components means enforcing specific accessibility guidelines to eliminate interface deficits. Reviewing React code identifies accessibility gaps and validates that components meet required standards for inclusive design.

Can I check React bundle size and GPU-accelerated animations before committing code?

You can check React bundle size limitations and GPU-accelerated animations before committing code. Pre-commit reviews analyze performance degradation to enforce optimization targets and ensure efficient React application delivery.

How do I enforce TypeScript strict mode in a React pull request review?

Enforcing TypeScript strict mode in a React pull request review involves analyzing code for type safety and specific pattern adherence. This review identifies deviations from strict standards and enforces code simplicity across the component codebase.

What are the limitations of automated React code review for defects and security flaws?

Automated React code review limitations include a strict focus on specific patterns like TypeScript strictness, bundle size limitations, and GPU-accelerated animations. It may not catch complex logic defects or security flaws outside its configured heuristic checks.