skills.rest
first-fluke
first-flukeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

frontend-code-review

Review React, Next.js, and TypeScript code changes against a standardized checklist.

218|33|Updated Jan 7, 2026
Search Tags:#a11y#React#frontend#TypeScript#Next.js#best-practices#code-review
One-click install
npx skills add https://github.com/first-fluke/fullstack-starter --skill frontend-code-review-first-fluke
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/first-fluke/fullstack-starter/tree/main/.agents/skills/frontend-code-review
Command: npx skills add https://github.com/first-fluke/fullstack-starter --skill frontend-code-review-first-fluke

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill standardizes frontend code reviews for React, Next.js, and TypeScript, reducing oversight and speeding up feedback loops.

Core Features & Use Cases

  • Standardized Review Process: A reproducible checklist to ensure code quality, accessibility, and performance.
  • Pending-change & File-targeted Review: Suitable for reviewing git diffs or specific files.
  • Defined Output: Produces structured findings in the Required Output Format for consistent communication.

Quick Start

Use the frontend-code-review Skill to review the file src/app/page.tsx in the active 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 review React and TypeScript code for accessibility and performance?▼

Review React and TypeScript code by applying a standardized checklist that codifies expectations for accessibility, performance, and maintainability. This ensures consistent code quality across pending changes and targeted files.

What is the best way to review staged git diffs in a Next.js project?▼

The best way to review staged Next.js git diffs is using a reproducible checklist process. It evaluates code quality, accessibility, and performance, outputting structured findings for consistent team communication.

Can I run a code review on specific frontend components and hooks?▼

Yes, you can run file-targeted code reviews on specific frontend components and hooks. This process applies a concise checklist to evaluate code quality, accessibility, performance, and maintainability.

Does this code review checklist support both Next.js and React projects?▼

Yes, this code review checklist supports both Next.js and React projects, alongside TypeScript. It standardizes frontend review workflows for components and hooks to reduce oversight and speed up feedback loops.

How do I standardize frontend code review findings for consistent communication?▼

Standardize frontend code review findings by using a defined output format. The review process produces structured findings based on a checklist for code quality, accessibility, performance, and maintainability.

Related Skills

Explore More Software Engineering Skills→
akaiHuangakaiHuang

frontend-code-review

Review React/TypeScript/JavaScript files for code quality and performance issues.

Community
Intermediate
KeyValueSoftwareSystemsKeyValueSoftwareSystems
3

frontend-review

Audit frontend code against quality, security, and accessibility checklists.

Official
Advanced
cyhinversecyhinverse

lint-and-validate

Run automated linters and type checkers on Node.js/TypeScript and Python repositories.

Community
Intermediate
pradyumnasagarpradyumnasagar
6

agent-handoff

Automate inter-skill data transfer and provenance capture via JSON Material Passports.

Community
Advanced