typescript-react-reviewer Skill (dotneet): React 19 Review

Makes Claude review TypeScript and React 19 code, flagging merge blockers first.

Installs: 9K; on skills.sh
Stars: 3; on GitHub
Files: 3; besides SKILL.md
Updated: Jan 2026; last repo commit

typescript-react-reviewer gives Claude a review order for React 19 and TypeScript. It lists critical issues that should block a merge, such as useEffect used for derived state, missing effect cleanup, direct state mutation, conditional hooks and key={index}. High-priority and style issues follow.

It also covers React 19 hook mistakes (useFormStatus, use with a promise created in render), a state management guide and recommended tsconfig flags. It triggers on code review requests, PR reviews and React architecture questions. It bundles 3 reference files and no scripts.

Good for

Reviewers checking React pull requests
React developers who want a second look at hooks and state
Teams hunting useEffect misuse and unsafe any types

Install typescript-react-reviewer

Claude Code

Copy this prompt.

Install the typescript-react-reviewer skill in Claude Code. Run this command:

/plugin marketplace add dotneet/claude-code-marketplace
/plugin install review-tool@dotneet-marketplace

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

The plugin route installs the review-tool plugin, which holds two skills in the git tree (typescript-react-reviewer and code-modularization-evaluator) and no hooks, agents or scripts. The marketplace has other plugins (agent-call, agent-session, research, google, prompt); the install command here names only review-tool. The skills CLI command installs this skill alone.

From the project README. Source.

What's in the skill

When it loads

Expert code reviewer for TypeScript + React 19 applications. Use when reviewing React code, identifying anti-patterns, evaluating state management, or assessing code maintainability. Triggers: code review requests, PR reviews, React architecture evaluation, identifying code smells, TypeScript type safety checks, useEffect abuse detection, state management review.

Sections in SKILL.md

Review Priority Levels
🚫 Critical (Block Merge)
⚠️ High Priority
📝 Architecture/Style
Quick Detection Patterns
useEffect Abuse (Most Common Anti-Pattern)
React 19 Hook Mistakes
State Mutation Detection
TypeScript Red Flags
Review Workflow
Reference Documents
State Management Quick Guide
TanStack Query Anti-Pattern
TypeScript Config Recommendations
Immediate Red Flags

Key facts

Author: Shinji Yamada (marketplace owner and plugin author)
License: MIT per the review-tool plugin.json. The repo has no LICENSE file in its git tree and SKILL.md names no license
Installs on skills.sh: 8,969 (Nov 2, 2026)
GitHub stars: 3 (Nov 2, 2026)
Last repo commit: Jan 23, 2026
What it includes: 4 files including SKILL.md: 3 reference files (antipatterns, checklist, react19-patterns). No scripts.
Works in: Claude Code plugin marketplace, as the README documents
Part of: The review-tool plugin, which holds 2 skills in the git tree

What it includes

Eight issues, such as useEffect for derived state and conditional hook calls
Read · Critical (block merge)
Incomplete dependency arrays, any props, unjustified useMemo and missing error boundaries
Read · High priority
Large components, prop drilling, state far from use and hook naming
Read · Architecture and style
Wrong and correct examples for useEffect, React 19 hooks, mutation and TypeScript
Read · Quick detection patterns
Five steps from critical issues to maintainability
Read · Review workflow
Which tool for server data, global UI state, derived state and forms
Read · State management guide
Recommends strict, noUncheckedIndexedAccess and two more compiler flags
Read · TypeScript config
Patterns to flag at once, such as eslint-disable of exhaustive-deps
Read · Immediate red flags

From the official docs

Permissions

Low risk

typescript-react-reviewer is review guidance with no scripts. Our advice: read any fix Claude suggests before you apply it.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

The plugin holds two skills
The review-tool plugin adds typescript-react-reviewer and code-modularization-evaluator. The git tree shows no hooks, agents, scripts or MCP config under review-tool. github.com

Technical details

Turning on read-only	No read-only switch.
Sign-in and keys	SKILL.md names no account, key or token.
Scopes	Claude reads the code you ask it to review

Questions

What does typescript-react-reviewer do?

It makes Claude act as a code reviewer for TypeScript and React 19. It checks critical issues first, then high-priority and style issues, using wrong-versus-correct examples.

How do I install it?

Use the install box at the top. The README gives a Claude Code plugin route for the review-tool plugin, and the box also lists the skills CLI.

What does the review-tool plugin also include?

Per the README, the plugin also holds code-modularization-evaluator, which evaluates modularization with the Balanced Coupling Model. The plugin is two skills in the git tree.

Does it work with React versions before 19?

SKILL.md is written for TypeScript + React 19 applications, per its description. It does not say how it treats older versions.

Does it run my linter or tests?

SKILL.md names no commands. It is a review guide, and it bundles no scripts.

Is it safe?

The skill bundles no scripts and the plugin carries no hooks or MCP config in its git tree. Claude reads the code you ask it to review. Our advice: review any fix Claude proposes before you apply it.

Information

updated Nov 2, 2026

Repository: dotneet/claude-code-marketplace
Folder: review-tool/skills/typescript-react-reviewer

dotneet/claude-code-marketplace skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 5

typescript-react-reviewer SKILL.md · github.com
README · github.com
marketplace.json · github.com
review-tool plugin.json · github.com
skills.sh listing · skills.sh