skills.rest
honggzb
honggzbCOMMUNITY
Explore all skills by this author →
GitHub

frontend-code-review

Review .tsx, .ts, and .js files against checklist rules for quality and performance.

9|2|Updated Jan 13, 2017
Search Tags:#typescript#quality assurance#code review#frontend#react#javascript
One-click install
npx skills add https://github.com/honggzb/Study-General --skill frontend-code-review-honggzb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/honggzb/Study-General/tree/main/AI/skills/my-favorite/frontend-code-review
Command: npx skills add https://github.com/honggzb/Study-General --skill frontend-code-review-honggzb

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 established quality, performance, and business logic standards before code submission.

Core Features & Use Cases

  • Pending-change review: Inspects staged files for checklist violations.
  • File-targeted review: Reviews specific files named by the user.
  • Checklist adherence: Enforces rules defined in reference files for code quality, performance, and business logic.
  • Use Case: Before committing a new feature, use this skill to automatically check your .tsx and .js files against the project's coding standards, flagging any urgent issues or suggestions for improvement.

Quick Start

Use the frontend-code-review skill to review the changes in the current branch.

Frequently Asked Questions about frontend-code-review

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

FAQPage Schema
How do I automate code review for TypeScript and React files before committing?▼

Automating frontend code review for TypeScript and React files involves inspecting staged .tsx, .ts, and .js files against a checklist for quality, performance, and business logic violations. This skill flags urgent issues and suggestions before code submission.

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

Yes, you can review specific frontend files by using the file-targeted review mode. This allows you to name individual .tsx, .ts, or .js files for analysis, applying the same quality and performance checklist rules as the pending-change review mode.

What standards does a frontend code review check for in JavaScript and React code?▼

A frontend code review checks JavaScript and React code against established standards for code quality, performance, and business logic. It analyzes code snippets using checklist rules defined in reference files to identify violations.

How do I enforce custom checklist rules during a TypeScript code review?▼

To enforce custom checklist rules during a TypeScript code review, you define your criteria in referenced markdown files. The review process then analyzes your .ts and .tsx files against these specific rules to flag violations and suggestions.

Related Skills

Explore More Software Engineering Skills→
yairbedermanyairbederman

frontend-code-review

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

Community
Advanced
SpandanM110SpandanM110
1

code-review

Review code for correctness, security vulnerabilities, and performance issues.

Community
Intermediate
noundernounder
3

effect-testing

Test Effect.ts success and failure paths with deterministic concurrency handling.

Community
Intermediate
cdman28cdman28

code-analyzer

Analyze Python and JavaScript/TypeScript code for smells, complexity, and refactoring opportunities.

Community
Advanced