Back to Skills

typescript-react-reviewer

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.

Updated 4/25/2026

Security Assessment

Low Risk(85/100)

Detected risks:

Data Exfiltration([references/react19-patterns.md] fetch('/api/posts', { method: 'POST)
Security Score85/100

About typescript-react-reviewer

The TypeScript + React 19 Code Reviewer skill is designed to provide expert-level code reviews specifically for applications built with TypeScript and React 19. This skill addresses common pitfalls and anti-patterns that developers may encounter, ensuring that code is not only functional but also maintainable and efficient. By leveraging deep knowledge of React 19's features and TypeScript best practices, this skill helps developers identify critical issues that could lead to bugs, performance problems, or architectural flaws in their applications.

FAQ

How do I request a code review?

You can trigger a review by submitting a code review request or a pull request.

Is this skill compatible with earlier versions of React?

This skill is specifically tailored for React 19 and may not address issues relevant to earlier versions.

What are the limitations of this skill?

The skill focuses on TypeScript and React code reviews and does not cover other programming languages or frameworks.

Can this skill help with performance optimization?

Yes, it identifies anti-patterns that can lead to performance issues, such as improper use of hooks.

Who is the target audience for this skill?

This skill is aimed at developers working with TypeScript and React 19 who seek to improve code quality and maintainability.

All Files

4 files
references/checklist.md7.4 KB
View
SKILL.md6.4 KB
View
references/antipatterns.md11.9 KB
View
references/react19-patterns.md7.5 KB
View

Install typescript-react-reviewer

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill