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.