skills.rest
VNFT-GROUP
VNFT-GROUPOFFICIAL
Explore all skills by this author →
GitHub

react-doctor

Scan React codebases for security, performance, and correctness issues.

Updated Aug 23, 2026
Search Tags:#ui#performance#react#diagnostics#code-quality#static-analysis#code-review
One-click install
npx skills add https://github.com/VNFT-GROUP/vnft-hrm-portal --skill react-doctor-vnft-group
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-doctor
Source: https://github.com/VNFT-GROUP/vnft-hrm-portal/tree/main/.agents/skills/react-doctor
Command: npx skills add https://github.com/VNFT-GROUP/vnft-hrm-portal --skill react-doctor-vnft-group

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scans your React codebase after changes to identify security, performance, correctness, and architectural issues, helping teams ship higher-quality UI faster.

Core Features & Use Cases

  • Automated quality checks: detects common React pitfalls, anti-patterns, and performance regressions.
  • Score and diagnostics: outputs a 0-100 score with actionable guidance.
  • Use Case: after coding a feature or fixing a bug, run the doctor to verify improvements before PR.

Quick Start

Run after making React changes to catch issues early and verify the health of your UI.

Frequently Asked Questions about react-doctor

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

FAQPage Schema
How do I check my React codebase for performance and security issues?▼

Run a static analysis scan on your React codebase after development to detect security, performance, and correctness issues. The scan outputs a 0-100 score with actionable diagnostics and recommended fixes to resolve UI component regressions.

What is the best way to catch React anti-patterns before a pull request?▼

The best way to catch React anti-patterns before a PR is to run an automated code review scan. It evaluates your UI components for common pitfalls and architectural regressions, providing recommended fixes to verify code quality before submission.

Does static analysis work for React UI components during feature development?▼

Yes, static analysis works for React UI components during feature development. Scanning applied immediately after coding detects security vulnerabilities and correctness issues, allowing you to verify improvements and catch regressions early in the development cycle.

How do I get a code quality score for my React project?▼

You get a code quality score for your React project by running a diagnostic scan on the updated codebase. This evaluates the UI code against quality checks and produces a 0-100 score alongside actionable guidance for resolving identified issues.

When do I need to run diagnostics on my React code?▼

You need to run diagnostics on your React code after coding a feature or fixing a bug. Running the doctor at these stages verifies UI health, catches architectural issues early, and ensures improvements are validated before opening a pull request.

Related Skills

Explore More Software Engineering Skills→
az9713az9713

dark-code-suite-init

Initialize a project with dark code prevention directories, CLAUDE.md section, and baseline audit.

Community
Intermediate
coco-researchcoco-research
264

gsd-ship

Push a verified branch and create a merge-ready pull request.

Community
Advanced
flutterflutter
2.8k

flutter-add-widget-test

Write Flutter widget tests using the WidgetTester API to verify UI rendering and interactions.

Official
Intermediate
aniruddh2003aniruddh2003
1

speckit.checker

Run static analysis tools to detect security vulnerabilities, type errors, and linting issues.

Community
Intermediate