frontend-code-review

Review .tsx, .ts, and .js files against a code quality checklist.

4|Updated Jan 18, 2026
One-click install
npx skills add https://github.com/NAMEWTA/Ampify --skill frontend-code-review-namewta
Or copy as Structured Prompt for Agentâ–¼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/NAMEWTA/Ampify/tree/main/.claude/skills/frontend-code-review
Command: npx skills add https://github.com/NAMEWTA/Ampify --skill frontend-code-review-namewta

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the process of reviewing frontend code, ensuring adherence to established quality, performance, and business logic standards before code submission.

Core Features & Use Cases

  • Automated Code Analysis: Scans .tsx, .ts, and .js files for violations against a predefined checklist.
  • Two Review Modes: Supports reviewing pending changes for commits or focused reviews on specific files.
  • Structured Feedback: Provides categorized feedback with urgency levels and suggested fixes.
  • Use Case: A developer can request a review of their staged changes, and the skill will identify any violations of the code quality checklist, flagging urgent issues and providing clear instructions for fixes.

Quick Start

Review the pending frontend code changes using the checklist rules.

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 React and TypeScript code for quality and performance issues?â–¼

You can review React and TypeScript code by scanning .tsx, .ts, and .js files against a checklist covering code quality, performance, and business logic. The automated review outputs categorized findings with urgency levels and suggested fixes.

Can I run an automated code review on pending git changes before committing?â–¼

Yes, you can review pending changes before committing. The code review supports a pending-change mode that analyzes staged frontend files against predefined quality standards and flags urgent violations.

What does an automated frontend code review check for?â–¼

An automated frontend code review checks for violations against a comprehensive checklist covering code quality, performance, and business logic. It provides structured feedback with urgency metadata and instructions for fixes.

Does this code review tool work with plain JavaScript files or only React TypeScript?â–¼

The code review tool works with plain JavaScript and TypeScript. It scans .js, .ts, and .tsx files, applying quality assurance rules to identify code quality, performance, and business logic violations.

How do I review a specific frontend file instead of all pending changes?â–¼

You can target specific files for review. The code review supports a file-targeted mode that analyzes individual .tsx, .ts, or .js files against the quality checklist instead of scanning all pending changes.