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.