skills.rest
mangorocketofficial
mangorocketofficialCOMMUNITY
Explore all skills by this author →
GitHub

frontend-code-review

Review frontend .tsx, .ts, and .js files against quality and performance checklists.

Updated Feb 27, 2026
Search Tags:#typescript#quality assurance#code review#performance#frontend#react
One-click install
npx skills add https://github.com/mangorocketofficial/thohago_marketing_aiagent --skill frontend-code-review-mangorocketofficial
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/mangorocketofficial/thohago_marketing_aiagent/tree/main/.agent/skills/frontend-code-review
Command: npx skills add https://github.com/mangorocketofficial/thohago_marketing_aiagent --skill frontend-code-review-mangorocketofficial

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the review of frontend code, ensuring adherence to quality and performance standards, and flagging potential issues before they impact the user experience or maintainability.

Core Features & Use Cases

  • Pending-change review: Inspects staged or working-tree files for checklist violations before a commit.
  • File-targeted review: Reviews specific files named by the user, reporting relevant checklist findings.
  • Checklist adherence: Enforces rules defined in references/code-quality.md and references/performance.md.
  • Use Case: Before committing a new feature, use this skill to review all modified .tsx files against the defined coding standards, ensuring no performance regressions or quality issues are introduced.

Quick Start

Review the pending changes in the frontend codebase for any issues.

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 code for quality and performance issues before committing?▼

Reviewing frontend code for quality and performance is done by checking pending changes or targeted `.tsx`, `.ts`, and `.js` files against predefined checklists, reporting violations with urgency metadata to prevent regressions before a commit.

What is the best way to automate React code review for TypeScript files?▼

Automating React code review for TypeScript files involves scanning `.ts` and `.tsx` code against defined rule sets in `code-quality.md` and `performance.md`, identifying adherence violations and flagging potential issues automatically.

Can I review specific frontend files instead of just pending changes?▼

Yes, you can review specific frontend files using the file-targeted review mode, which analyzes named `.tsx`, `.ts`, and `.js` files for checklist findings independently of staged or working-tree pending changes.

Does frontend code review work with plain JavaScript or only TypeScript?▼

Frontend code review works with both plain JavaScript and TypeScript, supporting `.js`, `.ts`, and `.tsx` file formats to enforce coding standards and identify performance issues across your codebase.

What performance and quality standards are used to review frontend code?▼

The performance and quality standards used to review frontend code are defined in `references/code-quality.md` and `references/performance.md`, which provide the specific rule definitions for the checklist adherence checks.

Related Skills

Explore More Software Engineering Skills→
yangmiokyangmiok

frontend-code-review

Automate frontend code reviews against standardized checklists for .tsx, .ts, and .js files.

Community
Basic
sangrokjungsangrokjung
1

frontend-code-review

Review frontend .tsx, .ts, and .js files against quality and performance checklists.

Community
Intermediate
SandroBeatzSandroBeatz

lint-check

Run ESLint and TypeScript type checking on a codebase.

Community
Intermediate
686f6c61686f6c61
105

profiling

Profile CPU and memory usage to identify performance bottlenecks.

Community
Advanced