How does the 0-100 scoring system work?

The score is calculated based on the severity and frequency of issues found. A higher score indicates better adherence to React best practices and fewer critical errors.

Can Claude automatically fix the issues found by React Doctor?

Yes, once React Doctor identifies issues and provides diagnostics, you can instruct Claude to apply the recommended fixes to improve the codebase health score.

Does it support React Native or just React Web?

It is primarily designed for React web projects, focusing on standard patterns, performance, and security relevant to the DOM and web environment.

What does React Doctor scan for?

React Doctor scans for security vulnerabilities, performance bottlenecks, architectural flaws, and general code correctness within your React components and hooks.

When should I use the React Doctor skill?

It is best used when finishing a new feature, preparing for a code review, or debugging complex performance issues to ensure your changes meet high quality standards.

React Doctor

Name: React Doctor
Author: ng-hai

byng-hai

•

Seguridad y Pruebas

Audits React codebases for performance, security, and architectural best practices to ensure production-grade code quality.

React Doctor is a specialized diagnostic tool for Claude Code that automates the review of React projects. It performs deep scans for security vulnerabilities, performance bottlenecks, and architectural anti-patterns, providing developers with an objective health score from 0 to 100. By generating actionable diagnostics and supporting differential analysis, it helps developers catch issues early in the development cycle, refine their implementations during feature work, and verify that code changes actually improve the overall project health.

Características Principales

01Correctness and architectural pattern validation

024 GitHub stars

03Differential analysis to track improvements after changes

04Comprehensive security and performance auditing

05Objective health scoring from 0-100

06Detailed diagnostic reporting with actionable fixes

Casos de Uso

01Scanning legacy React projects for security flaws and outdated patterns

02Evaluating code quality and performance before submitting pull requests

03Identifying and fixing performance bottlenecks in complex components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ng-hai/dotclaude react-doctor

For use in Claude.ai and ChatGPT