skills.rest
Ohh-889
Ohh-889COMMUNITY
Explore all skills by this author →
GitHub

frontend-code-review

Review React/TypeScript frontend files against standardized code quality, performance, and business logic checklists.

785|169|Updated Aug 8, 2024
Search Tags:#typescript#performance#checklist#frontend#react#quality#code-review
One-click install
npx skills add https://github.com/Ohh-889/skyroc-admin --skill frontend-code-review-ohh-889
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/Ohh-889/skyroc-admin/tree/main/.agents/skills/frontend-code-review
Command: npx skills add https://github.com/Ohh-889/skyroc-admin --skill frontend-code-review-ohh-889

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you review frontend code against a standardized checklist to expose issues in staged or targeted files before submission.

Core Features & Use Cases

  • Pending-change review: analyzes staged/working-tree changes and flags checklist violations before commit.
  • File-targeted review: scans specific frontend files and reports findings.
  • Guided remediation: references checklist rules to guide fixes across code quality, performance, and business logic.

Quick Start

Inspect the requested frontend files or pending changes and report checklist violations.

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 frontend code review for React and TypeScript files?▼

You can review frontend code before commit by scanning staged or working-tree changes against a standardized checklist. This process flags code quality, performance, and business logic violations in your React/TypeScript files to ensure submission readiness.

What does a frontend code review checklist cover for React projects?▼

A frontend code review checklist covers code quality, performance, and business logic rules. It analyzes your TypeScript and JavaScript files to produce structured findings with urgency metadata, guiding remediation for staged changes or specific targeted files.

Can I review specific TypeScript files instead of staged changes?▼

Yes, file-targeted review scans specific frontend files like .tsx and .ts directly. You can review individual files on demand or analyze pending working-tree changes before a commit, applying the same standardized checklist rules to both workflows.

Does this code review checklist work with plain JavaScript files?▼

Yes, the code review checklist works with plain JavaScript files. It applies standardized rules to .js, .ts, and .tsx files, scanning for code quality, performance, and business logic issues across your React and TypeScript frontend projects.

How are code review findings structured for React components?▼

Code review findings are structured with urgency metadata to prioritize fixes. The review evaluates React components and TypeScript files against living rules, categorizing issues by code quality, performance, and business logic to guide your remediation steps.

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
luokai25luokai25

oc-advanced-skill-creator

Automate custom skill creation workflows for OpenClaw environments.

Community
Advanced
jidohyunjidohyun
17

frontend-code-review

Review React/Next.js files and git diffs for code quality issues.

Community
Intermediate
Fantasia1999Fantasia1999

code-reviewer

Analyze git diffs for complexity, risk, and SOLID violations across multiple languages.

Community
Advanced