How does this skill identify which files to review?

The skill uses the 'git diff --name-only' command to automatically detect and analyze only the files that have been modified in your current branch.

What specific React patterns does the skill analyze?

It checks for React Hook compliance, state management efficiency, proper props definition, key prop usage, and ensures no deprecated MUI v4 components are used.

Can I verify the build process with this skill?

Absolutely. While it focuses on code quality by default, you can request it to run 'yarn build' for full build verification.

Does it support TypeScript and Linting checks?

Yes, it integrates directly with your project's 'yarn lint' and 'yarn typecheck' commands to ensure the code passes all static analysis requirements.

How are the review results prioritized?

Results are categorized using a priority system ranging from P2 (Critical/Must Fix) and P3 (Recommended) to P4 (Opinion) and P5 (Praise/Reference).

Advanced Code Review & Quality Guard

Name: Advanced Code Review & Quality Guard
Author: wonjiko

bywonjiko

•

Herramientas de Colaboración

Automates comprehensive local code quality checks, static analysis, and logic verification before git pushes.

The Code Review skill streamlines the pre-commit workflow by combining automated static analysis with intelligent logic evaluation. It identifies changed files via Git, executes linting and type-checking commands, and performs a deep-dive analysis of React patterns, security vulnerabilities, and side effects. By enforcing standardized criteria—such as avoiding any types, preventing deprecated MUI v4 usage, and ensuring proper null handling—it provides developers with a structured report categorized by priority levels to ensure high-quality, production-ready code.

Características Principales

01Smart file detection using git diff to focus on changed code

021 GitHub stars

03Structured review reports with priority grading from Critical (P2) to Kudos (P5)

04Deep logic analysis for React Hooks, state management, and edge cases

05Automated linting and TypeScript type-checking integration

06Comprehensive side-effect tracking for deleted code and API changes

Casos de Uso

01Identifying potential security vulnerabilities and anti-patterns in React components

02Verifying code quality and adherence to team standards before a Git push

03Evaluating the impact of refactoring by analyzing side effects and logic consistency

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add wonjiko/claude-toymarket code-review

For use in Claude.ai and ChatGPT

Download Skill