typescript-react-reviewer

Identify and report code quality issues in TypeScript and React 19 projects.

1|Updated May 7, 2026
One-click install
npx skills add https://github.com/ChristopherAlphonse/calphonse-skills --skill typescript-react-reviewer-christopheralphonse
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-react-reviewer
Source: https://github.com/ChristopherAlphonse/calphonse-skills/tree/main/typescript-react-reviewer
Command: npx skills add https://github.com/ChristopherAlphonse/calphonse-skills --skill typescript-react-reviewer-christopheralphonse

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Experts provide targeted code reviews for TypeScript and React 19 projects, helping teams identify anti-patterns, improve maintainability, and enforce best practices.

Core Features & Use Cases

  • Guardrails-driven review prioritization and actionable feedback.
  • Identification of common TS/React issues (type safety, hook rules, performance pitfalls).
  • Use cases include PR reviews, architecture evaluations, and codebase health checks.

Quick Start

Provide a comprehensive TS+React 19 code review for the submitted diff, highlighting anti-patterns, safety issues, and maintainability improvements.

Frequently Asked Questions about typescript-react-reviewer

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

FAQPage Schema
How do I review TypeScript and React 19 code for anti-patterns?

To review TypeScript and React 19 code for anti-patterns, submit your pull request diff for a comprehensive analysis. The review identifies type safety issues, hook rule violations, and performance pitfalls, providing actionable remediation steps.

What are common React 19 maintainability issues and guardrails?

Common React 19 maintainability issues involve type safety errors and hook rule violations. Established guardrails flag these anti-patterns during code reviews, prioritizing correctness over style to ensure strict type safety and provide actionable remediation.

How do I enforce type safety in a React pull request?

To enforce type safety in a React pull request, apply a guardrails-driven code review to the submitted diff. This process identifies common TypeScript issues and separates correctness concerns from style, ensuring strict type safety and maintainability.

Does this code review approach work for architecture evaluations?

Yes, this code review approach works for architecture evaluations and codebase health checks. It applies guardrails across entire TS/React codebases to identify anti-patterns, enforce best practices, and ensure maintainability.

How do I separate correctness from style in TypeScript code reviews?

To separate correctness from style in TypeScript code reviews, apply a guardrails-driven prioritization framework. This distinguishes critical type safety issues from stylistic preferences, ensuring feedback focuses on actionable remediation for functional correctness.

Why should I use guardrails for React codebase health checks?

You should use guardrails for React codebase health checks because they systematically identify anti-patterns and performance pitfalls. This enforces established best practices, ensuring maintainability and strict type safety across your TS/React 19 projects.