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

0•

Seguridad y Pruebas

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

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.

Características Principales

01Urgency-based flagging to help developers prioritize critical bug fixes

020 GitHub stars

03Automated review of TypeScript (.ts, .tsx) and JavaScript (.js) files

04Comprehensive checks for React hooks, prop memoization, and styling best practices

05Dual-mode analysis for both pending git changes and specific file targets

06Structured output format with line-specific pointers and suggested code fixes

Casos de Uso

01Standardizing code quality across a team by applying a consistent review checklist

02Deep-dive performance audits for complex React components and hooks

03Pre-commit sanity checks to catch frontend violations before they enter the codebase

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add arthur0824hao/skill frontend-code-review

For use in Claude.ai and ChatGPT

Download Skill