Can it review code before I commit my changes?

Yes, the skill includes a pending-change review mode that inspects staged and working-tree files to flag violations before submission.

How are the review findings prioritized?

Findings are categorized into 'Urgent issues' that need immediate fixing and 'Suggestions for improvement' for general code health.

Does it provide actual code fixes?

Yes, every identified issue includes a 'Suggested fix' section, and the skill can apply these changes directly if requested by the user.

Which file types does this skill support?

The skill is specifically designed for frontend development files, including .tsx, .ts, and .js extensions.

What criteria does the reviewer use?

It follows a comprehensive checklist focused on Code Quality, Performance (like memoization), and Business Logic accuracy.

Frontend Code Reviewer

Name: Frontend Code Reviewer
Author: arthur0824hao

byarthur0824hao

Security & Testing

Conducts automated reviews of TypeScript and JavaScript code to identify performance bottlenecks, quality issues, and logic errors.

About

This skill empowers Claude to act as a senior frontend engineer, meticulously reviewing .tsx, .ts, and .js files. It supports two primary modes: analyzing pending changes in the git working tree to catch issues before commit, or performing deep-dives into specific target files. By applying a standardized checklist covering code quality, performance optimization, and business logic, it flags urgent issues and provides actionable improvement suggestions, complete with file paths, line numbers, and code snippets.

Key Features

Urgency-based flagging to help developers prioritize critical bug fixes
0 GitHub stars
Automated review of TypeScript (.ts, .tsx) and JavaScript (.js) files
Comprehensive checks for React hooks, prop memoization, and styling best practices
Dual-mode analysis for both pending git changes and specific file targets
Structured output format with line-specific pointers and suggested code fixes

Use Cases

Standardizing code quality across a team by applying a consistent review checklist
Deep-dive performance audits for complex React components and hooks
Pre-commit sanity checks to catch frontend violations before they enter the codebase

About

Key Features

Urgency-based flagging to help developers prioritize critical bug fixes
0 GitHub stars
Automated review of TypeScript (.ts, .tsx) and JavaScript (.js) files
Comprehensive checks for React hooks, prop memoization, and styling best practices
Dual-mode analysis for both pending git changes and specific file targets
Structured output format with line-specific pointers and suggested code fixes

Use Cases

Standardizing code quality across a team by applying a consistent review checklist
Deep-dive performance audits for complex React components and hooks
Pre-commit sanity checks to catch frontend violations before they enter the codebase