skills.rest
sunghwanism
sunghwanismCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/sunghwanism/TripVlog_gogle --skill frontend-code-review-sunghwanism
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
samChang72samChang72
1

coding-standards

Enforce coding standards for TypeScript, JavaScript, React, and Node.js projects.

Community
Advanced
Omar-CcOmar-Cc

vercel-react-best-practices

Apply Vercel optimization patterns to React and Next.js code.

Community
Advanced
komlukkomluk
1

react-patterns

Enforce React 18 and TypeScript component and hook standards.

Community
Intermediate
aaronbassettaaronbassett
4

devs:code-review

Automate code reviews with analysis, checklists, and reports for multi-language projects.

Community
Advanced