Does it provide the actual code to fix the issues it finds?

Yes, every finding includes a representative code snippet of the issue and a suggested fix. You can even ask Claude to apply those fixes automatically.

Which file types does the Frontend Code Review skill support?

The skill is optimized for frontend web development files, specifically supporting .tsx, .ts, and .js extensions.

What specific performance issues does it look for?

It checks for expensive computations that need useMemo, missing useCallback hooks, unnecessary re-renders, large list virtualization, and unoptimized images.

Can this skill review my code before I commit to Git?

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

Frontend Code Reviewer

Name: Frontend Code Reviewer
Author: yairbederman

byyairbederman

Collaboration Tools

Reviews frontend source files to identify quality, performance, and logic issues using industry best practices.

About

The Frontend Code Review skill automates the inspection of TypeScript and JavaScript files to ensure adherence to high standards in accessibility, performance, and maintainability. It supports both comprehensive audits of specific files and 'pending-change' reviews of staged git files before they are committed. By evaluating code against a rigorous checklist—covering everything from React hook dependencies and memoization to XSS security and ARIA attributes—it provides structured, actionable feedback with severity ratings and suggested fixes to streamline the development workflow.

Key Features

Severity-based reporting ranging from suggestions to urgent security fixes.
Automated 'suggested fix' generation with the ability to apply changes directly.
0 GitHub stars
Comprehensive performance auditing for re-renders and N+1 query patterns.
Accessibility (A11y) validation for aria-attributes and semantic HTML.
Dual review modes for staged git changes or specific targeted files.

Use Cases

Auditing legacy React components for performance bottlenecks and missing memoization.
Performing a pre-commit quality gate to catch errors before code reaches peer review.
Onboarding new developers by providing instant feedback on team coding standards and TypeScript patterns.

About

Key Features

Severity-based reporting ranging from suggestions to urgent security fixes.
Automated 'suggested fix' generation with the ability to apply changes directly.
0 GitHub stars
Comprehensive performance auditing for re-renders and N+1 query patterns.
Accessibility (A11y) validation for aria-attributes and semantic HTML.
Dual review modes for staged git changes or specific targeted files.

Use Cases

Auditing legacy React components for performance bottlenecks and missing memoization.
Performing a pre-commit quality gate to catch errors before code reaches peer review.
Onboarding new developers by providing instant feedback on team coding standards and TypeScript patterns.