frontend-code-review

Review frontend files for code-quality, performance, and business-logic issues.

Updated Jan 24, 2026
One-click install
npx skills add https://github.com/sarthchawla/InZone --skill frontend-code-review-sarthchawla
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/sarthchawla/InZone/tree/main/.claude/skills/frontend-code-review
Command: npx skills add https://github.com/sarthchawla/InZone --skill frontend-code-review-sarthchawla

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Frontend teams need consistent, thorough reviews of code changes to catch quality, performance, and business-logic issues before merging. This skill standardizes reviews of frontend files (tsx/ts/js) and ensures checklist-driven findings are surfaced with urgency metadata.

Core Features & Use Cases

  • Supports both pending-change reviews (staged/working-tree files) and file-targeted reviews (specific file names) to surface relevant issues.
  • Applies a living checklist catalog (code quality, performance, and business logic) to identify violations, capture snippets, and suggest fixes.
  • Produces a structured, prioritized review report that can be consumed by developers and reviewers to drive fast, reliable improvements.

Quick Start

Provide a frontend code review for the specified files using the checklist.

Frequently Asked Questions about frontend-code-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review frontend React and TypeScript code changes for quality and performance issues?

Review frontend React and TypeScript code changes by applying a checklist to identify code-quality, performance, and business-logic issues. The review targets pending changes or specific files and outputs a structured report with prioritized findings and actionable fix suggestions.

Can I run a code review on specific staged tsx or ts files instead of the whole project?

Yes, you can run a code review on specific staged tsx, ts, or js files. The review supports both pending-change reviews for staged or working-tree files and file-targeted reviews for specific filenames, surfacing relevant issues with urgency metadata.

What is the best way to standardize frontend code reviews across my team?

Standardize frontend code reviews by using a living checklist catalog that evaluates code quality, performance, and business logic. This process captures violations, generates a structured prioritized report, and provides actionable fix suggestions for developers.

Does the frontend code review process work with plain JavaScript files or only TypeScript?

The frontend code review process works with plain JavaScript files as well as TypeScript. It analyzes tsx, ts, and js file extensions to identify and report code-quality, performance, and business-logic issues during the review.

How are code review findings prioritized and reported for frontend files?

Code review findings are prioritized and reported with urgency metadata in a structured format. The review captures snippets of identified violations across code quality, performance, and business logic, and offers actionable fix suggestions to drive improvements.