react-doctor

Analyze React codebases for security, performance, and architectural issues.

8|1|Updated Jul 15, 2024
One-click install
npx skills add https://github.com/HorusGoul/trizum --skill react-doctor-horusgoul
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/HorusGoul/trizum/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/HorusGoul/trizum --skill react-doctor-horusgoul

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a detailed analysis of React codebases, identifying potential issues related to security, performance, correctness, and architecture.

Core Features & Use Cases

  • Comprehensive Code Analysis: Scans for security vulnerabilities, performance bottlenecks, and architectural concerns.
  • Health Score: Outputs a 0–100 health score to quickly assess the overall quality of the codebase.
  • Regression Checks: Identifies issues introduced in recent changes to the codebase.
  • Full Triage Workflow: Offers a detailed local-triage workflow to systematically address issues.

Quick Start

Run vp exec react-doctor --verbose --scope changed to scan for issues in the changed code.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I scan my React codebase for performance bottlenecks and security vulnerabilities?

You can scan your React codebase for performance and security issues by running a diagnostic analysis on recent code changes. This process identifies architectural flaws and outputs a 0–100 health score to quickly assess codebase quality.

What is the best way to prevent regressions in a React project after making code changes?

Preventing regressions in a React project involves running a comprehensive code analysis after changes are made. This identifies newly introduced issues related to correctness, security, and performance, allowing you to catch problems before they progress.

How does a React codebase health score work for assessing code quality?

A React codebase health score works by evaluating the codebase against security, performance, and architectural criteria, outputting a 0–100 rating. This score provides a quick, quantifiable assessment of overall code quality and helps track improvements over time.

Can I run a diagnostic scan on only the changed React files instead of the whole project?

Yes, you can run a diagnostic scan on only changed React files by setting the execution scope to changed code. This targeted approach specifically identifies issues introduced in recent modifications, making it faster than a full project scan.

Does the React code analysis require shell command access to execute?

Yes, comprehensive React code analysis requires access to the codebase and the ability to execute shell commands. This access allows the diagnostic scripts to traverse the project structure and perform deep evaluations of the code.

What should I do after identifying architectural flaws during a React code scan?

After identifying architectural flaws during a React code scan, you should follow a detailed local-triage workflow. This systematic process helps you prioritize and address security vulnerabilities and performance bottlenecks found in the diagnostic report.