frontend-code-review

Review .tsx, .ts, and .js files for code quality issues and generate structured reports.

Updated Jan 9, 2026
One-click install
npx skills add https://github.com/mr-phariyawit/startup --skill frontend-code-review-mr-phariyawit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/mr-phariyawit/startup/tree/main/.agent/skills/frontend-code-review
Command: npx skills add https://github.com/mr-phariyawit/startup --skill frontend-code-review-mr-phariyawit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly assess frontend code quality for .tsx/.ts/.js files, surfacing issues before they reach production.

Core Features & Use Cases

  • Pending-change review: inspect staged or working-tree changes and flag checklist violations before commits.
  • File-targeted review: analyze specific file(s) named by the user and report relevant findings from the canonical rule sets.
  • Guided remediation: generate prioritized recommendations aligned with the living checklists in references/code-quality.md, references/performance.md, and references/business-logic.md to improve maintainability and performance.

Quick Start

Provide the frontend file paths you want reviewed to generate a structured code-review report.

Frequently Asked Questions about frontend-code-review

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

FAQPage Schema
How do I run a code review on my React TypeScript files?▼

Run a code review on React TypeScript files by providing the specific .tsx or .ts file paths. The Skill analyzes them against living checklists to generate a structured report flagging quality, performance, and business logic violations.

Can I review staged changes before committing my frontend code?▼

Yes, you can review staged changes before committing frontend code. The pending-change review mode inspects working-tree modifications and flags checklist violations, providing prioritized remediation recommendations before your code reaches production.

What is the best way to automate frontend code quality checks for JavaScript?▼

Automate frontend code quality checks for JavaScript using file-targeted reviews. Specify your .js files to enforce canonical rule sets for code quality and performance, receiving a structured report with actionable remediation guidance.

Does this frontend code review tool check business logic in React components?▼

Yes, this frontend code review tool checks business logic in React components. It enforces living checklists from references/business-logic.md to identify violations and tag them by urgency for prioritized remediation.

What types of frontend file issues does this review identify?▼

This review identifies frontend file issues across code quality, performance, and business logic. It tags violations by urgency and generates a structured report with actionable recommendations aligned with canonical rule sets.

Are there limitations to reviewing specific files instead of pending changes?▼

Reviewing specific files instead of pending changes limits the focus to the targeted code rather than the working-tree diff. File-targeted reviews analyze named files independently, while pending-change reviews focus on staged or working-tree modifications.