skills.rest
geinala
geinalaOFFICIAL
Explore all skills by this author →
WebsiteGitHub

frontend-code-review

Review React TS/TSX/JS files against a standardized quality checklist.

Updated Nov 15, 2025
Search Tags:#automation#checklist#frontend#react#review#code-quality#tsx
One-click install
npx skills add https://github.com/geinala/entry --skill frontend-code-review-geinala
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/geinala/entry/tree/main/.agents/skills/frontend-code-review
Command: npx skills add https://github.com/geinala/entry --skill frontend-code-review-geinala

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Frontend code-review helps engineers quickly identify quality, performance, and consistency issues in frontend files by applying a structured, living checklist.

Core Features & Use Cases

  • Two review modes: pending-change reviews and file-targeted reviews to catch issues before commit or on specific files.
  • Checklist-driven: applies rules from references/code-quality.md, references/performance.md, and references/business-logic.md to guide findings.
  • Actionable output: reports urgent issues and improvement suggestions with pointers to relevant code locations.

Quick Start

Ask the skill to review a specific frontend file or to perform a pending-change review on staged changes.

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 TSX files for code quality issues before commit?▼

To review staged React TSX changes, request a pending-change review to automatically compare staged modifications against a living rule catalog covering code quality, performance, and business logic, yielding a structured report of urgent issues.

What is a checklist-driven frontend code review?▼

Checklist-driven frontend code review evaluates TS, TSX, and JS files against a living rule catalog spanning code quality, performance, and business logic to consistently identify issues and generate actionable improvement suggestions.

Can I review specific frontend files instead of all staged changes?▼

Yes, you can perform a file-targeted review to evaluate specific frontend files on demand, allowing you to catch quality and performance issues in particular TS or TSX files without reviewing the entire codebase.

Does the frontend code review work with JavaScript files or only React TSX?▼

The frontend code review supports TS, TSX, and JS files within a React project, applying its standardized checklist across all supported file types to identify quality, performance, and consistency issues.

What's the best way to identify urgent frontend performance issues in my code?▼

The best way to identify urgent frontend performance issues is running a structured review that checks your code against a performance ruleset, outputting a report that prioritizes urgent issues and provides code location pointers.

Related Skills

Explore More Software Engineering Skills→
YFGaiaYFGaia
2.2k

frontend-code-review

Review frontend code changes against checklist-based quality rules.

Official
Intermediate
staruhubstaruhub
662

code-review

Evaluate React/TypeScript/Tailwind frontend code for quality and security vulnerabilities.

Community
Advanced
fredrikaverpilfredrikaverpil
253

git-commit

Validate git commit messages against the Conventional Commits specification.

Community
Basic
xiaoniuge36xiaoniuge36
6

code-review

Analyze code for standards compliance, bugs, performance issues, and security vulnerabilities.

Community
Advanced