Frontend Code Review (React 19)

Detect React 19 frontend issues and output a frontend_review.md report.

1|1|Updated Jan 16, 2026
One-click install
npx skills add https://github.com/Bambibanners/master_of_puppets --skill frontend-code-review-react-19
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Frontend Code Review (React 19)
Source: https://github.com/Bambibanners/master_of_puppets/tree/main/.agent/skills/review-frontend
Command: npx skills add https://github.com/Bambibanners/master_of_puppets --skill frontend-code-review-react-19

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Frontend teams often struggle to identify performance bottlenecks and maintainability issues in React/TS code. This skill automates that review process by scanning for common anti-patterns and formatting a reproducible report.

Core Features & Use Cases

  • Automated frontend code review for React 19, Vite, and Tailwind projects.
  • Detects issues like console usage, explicit any types, inline styles, and irrational class strings.
  • Use Case: Teams wanting a standardized, repeatable review to enforce performance patterns before PRs.

Quick Start

Run the scan_components tool against your React project to produce a frontend_review.md report.

Frequently Asked Questions about Frontend Code Review (React 19)

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

FAQPage Schema
How do I automate React code reviews for performance issues?

Automate React code reviews by scanning your project for common anti-patterns and performance bottlenecks. The tool detects issues like explicit any types and inline styles, outputting a standardized markdown report with actionable findings.

Can I use an automated code review on a React 19, Vite, and Tailwind project?

Yes, you can use automated code review on a React 19, Vite, and Tailwind project. It applies static checks specifically designed for these stacks to enforce performance patterns and maintainability standards before pull requests.

What frontend anti-patterns are commonly detected in TypeScript code?

Common frontend anti-patterns detected in TypeScript code include console usage, explicit any types, inline styles, and arbitrary pixel values. The scan also identifies irrational class strings to enforce maintainable styling and typing.

How do I generate a standardized frontend review report?

Generate a standardized frontend review report by running the component scan against your React project. This produces a frontend_review.md file containing a structured table of identified issues for reproducible team reviews.

What is the best way to enforce static checks for common React pitfalls before PRs?

The best way to enforce static checks for React pitfalls is running a structured, repeatable scan over the codebase. This catches formatting and typing errors automatically, providing actionable findings in a standardized report before PR submission.

Does the frontend review tool work without external dependencies?

Yes, the frontend review tool works without external dependencies. It runs internally using scripts to scan your codebase and generate the markdown report, requiring no additional package installations to perform the static checks.