typescript-react-reviewer

Analyze TypeScript and React 19 code for anti-patterns and maintainability issues.

Updated Jan 8, 2026
One-click install
npx skills add https://github.com/nutrisari-jeruk/react-vite-template --skill typescript-react-reviewer-nutrisari-jeruk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-react-reviewer
Source: https://github.com/nutrisari-jeruk/react-vite-template/tree/main/.agents/skills/typescript-react-reviewer
Command: npx skills add https://github.com/nutrisari-jeruk/react-vite-template --skill typescript-react-reviewer-nutrisari-jeruk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides expert-level code review for TypeScript + React 19 applications, helping developers identify anti-patterns, evaluate state management, and assess code maintainability.

Core Features & Use Cases

  • Code Review Expertise: Offers deep knowledge of React 19 features, TypeScript best practices, and common anti-patterns.
  • Review Priority Levels: Identifies critical issues, high-priority concerns, and architectural/style recommendations.
  • Quick Detection Patterns: Provides examples and patterns for common anti-patterns such as useEffect abuse, React 19 hook mistakes, and state mutation detection.
  • TypeScript Config Recommendations: Offers guidance on TypeScript configurations for better code safety and maintainability.
  • Immediate Red Flags: Flags common issues such as misuse of hooks, state mutation, and type safety concerns.
  • Reference Documents: Includes links to detailed patterns, anti-patterns, and checklists for thorough reviews.

Quick Start

Run the skill with the command 'typescript-react-reviewer' to initiate a code review.

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 React 19 code for anti-patterns and maintainability issues?

React 19 code review involves identifying anti-patterns, evaluating state management, and checking TypeScript type safety to improve overall code maintainability. This process targets critical issues, high-priority concerns, and architectural recommendations.

What are common React 19 hook mistakes and TypeScript anti-patterns to look for?

Common TypeScript and React 19 anti-patterns include useEffect abuse, React 19 hook mistakes, and state mutation detection. Reviewing these red flags ensures proper type safety and prevents common JavaScript code smells.

Does this code review approach work with TypeScript and React 19 state management?

Yes, this code review approach works specifically with TypeScript and React 19 state management. It analyzes applications for best practices, type safety configurations, and maintainability issues tailored to React 19 features.

What's the best way to configure TypeScript for safer React 19 code?

Configuring TypeScript for safer React 19 code requires applying specific TypeScript configuration recommendations. These settings enhance code safety, enforce type checking, and prevent maintainability issues during development.

How do I detect state mutation and type safety issues in TypeScript React applications?

Detecting state mutation and type safety issues in TypeScript React applications requires analyzing code for immediate red flags. This includes flagging hook misuse, improper state mutations, and TypeScript type safety concerns.