typescript-react-reviewer

Identify and remediate TypeScript and React 19 code-quality issues during code reviews.

Updated Aug 3, 2025
One-click install
npx skills add https://github.com/multideskio/vinha_admin_center --skill typescript-react-reviewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-react-reviewer
Source: https://github.com/multideskio/vinha_admin_center/tree/main/.cursor/skills/typescript-react-reviewer
Command: npx skills add https://github.com/multideskio/vinha_admin_center --skill typescript-react-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps engineering teams quickly surface TypeScript and React 19 code-quality issues during code reviews, ensuring robust architectures and maintainable code.

Core Features & Use Cases

  • Detection of common anti-patterns in TS + React 19 apps (e.g., derived state in effects, unconditional hooks, and direct state mutations).
  • A structured review workflow with a comprehensive checklist covering React 19 patterns, TS safety, and maintainability.
  • Real-world use case: during a PR review, identify potential architectural risks and propose concrete refactors.

Quick Start

Run an expert TS + React 19 code review on the target PR using the included references to enforce best practices.

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 and TypeScript code for anti-patterns in a PR?

To review React 19 and TypeScript code for anti-patterns, this Skill applies a structured workflow that detects derived state in effects, unconditional hooks, and direct state mutations while providing recommended fixes.

What is the best way to enforce type safety and maintainability in React components?

Enforcing type safety and maintainability in React components requires a comprehensive checklist covering React 19 patterns and TS safety, which this Skill applies to evaluate architectures and surface code-quality issues.

Can I use this to detect architectural risks during a React code review?

Yes, you can use this to detect architectural risks during a React code review by applying its references to identify anti-patterns, assess maintainability, and propose concrete refactors for robust TS types.

How do I identify derived state in effects when reviewing TypeScript and React?

To identify derived state in effects during a TypeScript and React review, this Skill enforces a structured checklist that surfaces common anti-patterns and recommends concrete refactoring steps.

Does this code review workflow support state management and type safety checklists?

Yes, this code review workflow supports state management and type safety checklists, enforcing best practices for React 19 patterns, TS types, and overall component maintainability assessments.

What common anti-patterns should I look for in a React 19 architecture evaluation?

In a React 19 architecture evaluation, you should look for common anti-patterns including unconditional hooks, direct state mutations, and derived state in effects, which this Skill identifies and remediates.