ts-reviewer

Review TypeScript/React code for type-safety, hook-correctness, and state-management issues.

1|Updated Mar 23, 2026
One-click install
npx skills add https://github.com/RaNDoM6913/claude-code-superkit --skill ts-reviewer-random6913
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ts-reviewer
Source: https://github.com/RaNDoM6913/claude-code-superkit/tree/main/packages/codex/skills/ts-reviewer
Command: npx skills add https://github.com/RaNDoM6913/claude-code-superkit --skill ts-reviewer-random6913

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review TypeScript/React code to enforce type safety, correct hook usage, and robust state management across components.

Core Features & Use Cases

  • Enforces strict TypeScript practices (no implicit any, proper type narrowing, and validated API boundaries).
  • Checks React hooks usage (dependency arrays, cleanup, and custom hooks composition).
  • Audits state management patterns (clear separation of server vs client state, and safe data flow).
  • Use Case: A frontend project with complex forms and data-fetching can benefit from automated checks that catch type safe errors early.

Quick Start

Run a TypeScript/React code quality review on your project to identify type-safety gaps and hook/state-management issues.

Frequently Asked Questions about ts-reviewer

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

FAQPage Schema
How do I review TypeScript React code for type-safety and hook issues?

Reviewing TypeScript React code for type-safety and hook issues involves checking strict TypeScript configurations, validating proper type narrowing, and verifying correct hook dependency arrays. This process identifies implicit any types and incorrect state management patterns.

What are common React hooks dependency array errors in TypeScript functional components?

Common React hooks dependency array errors in TypeScript functional components include missing dependencies, improper cleanup routines, and incorrect custom hooks composition. Reviewing these ensures safe data flow and prevents UI state mutation issues.

How do I enforce strict TypeScript type narrowing for API boundaries in React?

Enforcing strict TypeScript type narrowing for API boundaries in React requires validating API responses and eliminating implicit any types. Reviewing your code ensures validated boundaries and robust data flow between server and client state.

Can I use automated code review for state management patterns in React?

You can use automated code review to audit state management patterns in React by checking for clear separation of server versus client state. This identifies unsafe data handling and ensures robust state management across functional components.

Does this code review approach require a strict TypeScript configuration?

Yes, this code review approach requires a strict TypeScript configuration to properly identify type-safety gaps. Strict settings enable accurate detection of implicit any types, improper type narrowing, and unsafe state handling in React components.

What is the best way to check custom hooks composition in TypeScript?

The best way to check custom hooks composition in TypeScript is to review dependency arrays and cleanup logic within functional components. This verifies safe data flow, correct hook usage, and prevents state mutation issues.