frontend-code-review

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

17|3|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/jidohyun/NOD --skill frontend-code-review-jidohyun
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/jidohyun/NOD/tree/main/.agents/skills/frontend-code-review
Command: npx skills add https://github.com/jidohyun/NOD --skill frontend-code-review-jidohyun

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill standardizes and automates frontend code reviews for React/Next.js projects, ensuring consistency, code quality, and accessibility.

Core Features & Use Cases

  • Structured Review Process: Scan, Check, and Report findings based on a formal checklist.
  • Comprehensive Checklist Coverage: code quality, React/Next.js best practices, performance, and accessibility.
  • Use Case: When asked to review a set of frontend files or a git diff, the Skill analyzes architecture, hooks usage, props, and renders a report in a predefined format.

Quick Start

Review the target frontend files using the standard checklist and report the findings in the required output format

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 React code reviews for quality and accessibility?โ–ผ

Automate React code reviews by applying a structured checklist to scan files or git diffs for architecture, hooks usage, and accessibility issues. This identifies and documents frontend quality issues across component-based architectures to ensure consistency.

What does a frontend code review checklist cover in Next.js projects?โ–ผ

A frontend code review checklist covers code quality, React and Next.js best practices, performance, and accessibility. It analyzes component architecture and hooks usage to document findings in a structured report format.

Can I review TypeScript and JSX files using a standard audit process?โ–ผ

Yes, you can review TypeScript, JavaScript, and TSX or JSX files using a standard audit process. The review analyzes component-based architectures and renders findings in a predefined output format.

How do I run a code quality audit on a git diff?โ–ผ

Run a code quality audit on a git diff by applying a formal checklist covering React patterns and performance. The process scans the changes, checks for issues in the modified files, and reports the findings.

What is the best way to ensure consistency in frontend code reviews?โ–ผ

The best way to ensure consistency in frontend code reviews is to standardize the process with a formal checklist. This approach systematically evaluates code quality, framework best practices, and accessibility across all files.

Does this code review process work with plain JavaScript projects?โ–ผ

Yes, this code review process works with plain JavaScript projects, alongside TypeScript and TSX or JSX files. It applies a structured checklist to identify quality, performance, and accessibility issues across the codebase.