How are the review findings organized?

Findings are grouped by urgency (Urgent vs. Suggestions) and then categorized by Code Quality, Performance, and Business Logic.

Can I use this skill to check my work before committing?

Yes, it includes a 'Pending-change' mode that inspects staged or working-tree files to flag violations before you submit your code.

Does it offer solutions or just identify problems?

Each identified issue includes a brief description of a suggested fix and a code snippet to help you implement the correction immediately.

Which file formats does the Frontend Code Review skill support?

The skill is specifically designed to analyze frontend-related files, primarily supporting .tsx, .ts, and .js extensions.

Is the review process customizable?

The skill follows a canonical checklist defined in your repository's reference files, ensuring consistent audits across your entire frontend project.

Frontend Code Reviewer

Name: Frontend Code Reviewer
Author: yangmiok

byyangmiok

コラボレーションツール

Performs automated audits of frontend source code to identify performance bottlenecks, logic errors, and styling violations.

概要

The Frontend Code Reviewer skill equips Claude with a rigorous framework for analyzing TypeScript, React, and JavaScript files. It supports two distinct modes: auditing staged changes to catch errors before they are committed, and deep-diving into specific files to ensure adherence to high-quality code standards. By checking code against specific performance and business logic benchmarks, it flags urgent issues and provides immediate, actionable suggestions for improvement, significantly accelerating the peer review process and maintaining codebase health.

主な機能

Staged-change review mode for pre-commit verification
Urgency-based issue flagging (Urgent vs. Suggestions)
Direct code fix suggestions with file pointers and line numbers
Automated audit of .tsx, .ts, and .js files
Performance and business logic checklist enforcement
0 GitHub stars

ユースケース

Auditing complex React components for memoization and hook efficiency
Self-reviewing staged changes before opening a pull request
Onboarding new developers by enforcing team-specific frontend standards

概要

主な機能

Staged-change review mode for pre-commit verification
Urgency-based issue flagging (Urgent vs. Suggestions)
Direct code fix suggestions with file pointers and line numbers
Automated audit of .tsx, .ts, and .js files
Performance and business logic checklist enforcement
0 GitHub stars

ユースケース

Auditing complex React components for memoization and hook efficiency
Self-reviewing staged changes before opening a pull request
Onboarding new developers by enforcing team-specific frontend standards