frontend-code-review

Scan JavaScript and TypeScript files for coding standards and performance issues.

Updated Mar 19, 2026

Search Tags:#typescript #code review #web development #frontend #react #javascript

Ready to run

npx skills add https://github.com/sunghwanism/TripVlog_gogle --skill frontend-code-review-sunghwanism

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/sunghwanism/TripVlog_gogle/tree/main/.claude/skills/frontend-code-review
Command: npx skills add https://github.com/sunghwanism/TripVlog_gogle --skill frontend-code-review-sunghwanism

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps developers and reviewers efficiently evaluate frontend codebases for quality, performance, and business logic issues, saving time and reducing errors.

Core Features & Use Cases

Code Quality Checks: Identify stylistic inconsistencies, class management issues, and adherence to best practices in JavaScript and TypeScript files.
Performance Optimization: Detect inefficient data handling and potentially costly re-renders in React Flow applications.
Business Logic Validation: Ensure proper usage of components and hooks in complex frontend workflows.
Use Case: For a React application in development, reviewers can run this Skill to pinpoint code smells, performance bottlenecks, and logical errors before deployment.

Quick Start

Use the review skill to analyze your frontend code files for quality and performance issues, providing targeted suggestions and bug reports.

Frequently Asked Questions about frontend-code-review

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

FAQPage Schema

How do I review React code for performance bottlenecks and costly re-renders?▼

Frontend code review identifies stylistic inconsistencies, class management issues, and deviations from best practices in JavaScript and TypeScript files. It scans your source code to flag coding standards violations and improve overall maintainability.

How do I validate business logic and hook usage in a React frontend application?▼

Validating business logic involves scanning complex frontend workflows to ensure proper usage of components and hooks. This checks your React application for logical errors and ensures adherence to intended business requirements before deployment.

Can I use a code review skill to check both JavaScript and TypeScript source files?▼

Yes, you can use it to check both JavaScript and TypeScript source files. The review process evaluates coding standards violations and performance pitfalls across both languages to streamline frontend code quality.

What is the best way to find code smells and logical errors in a React codebase?▼

The best way to find code smells and logical errors is to run an automated review that scans your relevant source files. This provides targeted suggestions and bug reports for your React application in development.