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

0•

コラボレーションツール

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.

主な機能

01Staged-change review mode for pre-commit verification

02Urgency-based issue flagging (Urgent vs. Suggestions)

03Direct code fix suggestions with file pointers and line numbers

04Automated audit of .tsx, .ts, and .js files

05Performance and business logic checklist enforcement

060 GitHub stars

ユースケース

01Auditing complex React components for memoization and hook efficiency

02Self-reviewing staged changes before opening a pull request

03Onboarding new developers by enforcing team-specific frontend standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yangmiok/newdify frontend-code-review

For use in Claude.ai and ChatGPT

Download Skill