frontend-code-review

Review React 19.2 and Next.js 16 pull requests for code quality.

Updated Dec 26, 2025
One-click install
npx skills add https://github.com/Yoriichi-Dang/dashboard_web_template --skill frontend-code-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/Yoriichi-Dang/dashboard_web_template/tree/main/.claude/skills/frontend-code-review
Command: npx skills add https://github.com/Yoriichi-Dang/dashboard_web_template --skill frontend-code-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill standardizes frontend code review workflows for React 19.2 + Next.js 16 projects, enabling teams to consistently enforce quality, performance, accessibility, and maintainability standards across PRs.

Core Features & Use Cases

  • Structured review workflow: Phase-based checks to understand the codebase, assess architectural alignment, and verify code quality.
  • Consistency with project standards: References established patterns (component structure, data fetching, error handling) to provide actionable, context-aware feedback.
  • Context-aware feedback templates: Provide targeted improvements aligned with the team's conventions to accelerate reviews and improve outcomes.

Quick Start

Apply the frontend-review workflow to a PR: start by analyzing the PR description and touched files, confirm alignment with project conventions, check architecture and patterns, then deliver constructive feedback grounded in the team’s standards.

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 and Next.js pull requests for production-grade code quality?

Reviewing React and Next.js pull requests involves phase-based checks to assess architectural alignment, component structure, data fetching, and error handling. This ensures code quality, performance, accessibility, and maintainability meet enterprise engineering standards.

What is the best way to enforce frontend code review standards in TypeScript projects?

The best way to enforce frontend code review standards in TypeScript projects is by applying a structured workflow that references established patterns. Context-aware feedback templates align pull request outcomes with team conventions and enterprise engineering standards.

How do I check accessibility and performance in a Next.js code review?

To check accessibility and performance in a Next.js code review, analyze the touched files and verify alignment with project conventions. Phase-based checks enforce production-grade quality according to established Google and Facebook engineering standards.

Can I use a structured code review workflow for React 19.2 and Next.js 16 projects?

Yes, you can use a structured code review workflow for React 19.2 and Next.js 16 projects. The workflow analyzes pull request descriptions, confirms architectural alignment, and verifies code quality to deliver constructive, context-aware feedback.

Why does my frontend pull request review lack consistency across different team members?

Frontend pull request reviews lack consistency without standardized checks for architecture and patterns. Applying a phase-based review workflow that references project conventions ensures feedback remains actionable and aligned across the team.

When should I not use an automated frontend code review skill?

You should not use an automated frontend code review skill when evaluating projects outside the React 19.2 and Next.js 16 ecosystem. The review workflow specifically targets TypeScript, React, and Next.js codebases to enforce production-grade quality.