ls-typescript-react-reviewer

Review TypeScript and React code for anti-patterns and React 19 correctness issues.

Updated Aug 5, 2026
One-click install
npx skills add https://github.com/ahostbr/liteharness --skill ls-typescript-react-reviewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ls-typescript-react-reviewer
Source: https://github.com/ahostbr/liteharness/tree/main/liteharness/catalog/skills/ls-typescript-react-reviewer
Command: npx skills add https://github.com/ahostbr/liteharness --skill ls-typescript-react-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps you catch common TypeScript and React (especially React 19) issues early—before they become bugs, memory leaks, or architectural drift—by turning vague “code review” requests into a structured audit.

Core Features & Use Cases

  • React 19 hook correctness: flags incorrect useFormStatus placement, problematic use() promise usage, and other React 19-specific pitfalls.
  • TypeScript safety checks: identifies unsafe any, missing undefined handling, and weak typings that undermine maintainability.
  • State and side-effect anti-pattern detection: highlights derived state in useEffect, missing cleanups, dependency array mistakes, and direct state mutation.
  • Architecture and maintainability review: calls out oversized components, excessive prop drilling, and patterns that worsen re-render behavior.

Quick Start

Ask the AI to review your TypeScript/React code for React 19 hook correctness, type safety, and anti-patterns by focusing on anti-patterns in useEffect, state mutation, and dependency arrays.

Frequently Asked Questions about ls-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 hook anti-patterns and type safety issues?

You can review React 19 code for hook anti-patterns and type safety issues by running a structured audit that flags incorrect `useFormStatus` placement, problematic `use()` usage, unsafe `any` types, and missing undefined handling to prevent runtime bugs and architectural drift.

Why does useEffect cause derived state errors in React?

The useEffect hook causes derived state errors in React when developers misuse it to compute state from props, leading to unnecessary re-renders and stale data. Auditing your code helps identify these state management regressions and direct mutation anti-patterns.

What is the best way to check TypeScript React components for missing cleanup functions?

The best way to check TypeScript React components for missing cleanup functions is a structured code review that inspects useEffect dependency arrays and side-effect operations. This audit identifies missing cleanups that cause memory leaks and poor re-render behavior.

Can I use a code review audit to find conditional hook calls and unsafe typings?

Yes, you can use a code review audit to find conditional hook calls and unsafe typings. A structured review evaluates your TypeScript and React architecture, catching bad hook usage, `any` overuse, and patterns that worsen component maintainability and re-render behavior.

Does this React and TypeScript review check for excessive prop drilling and oversized components?

Yes, this React and TypeScript review checks for excessive prop drilling and oversized components. The architecture and maintainability review specifically calls out these patterns to identify code smells and improve overall component re-render behavior.