frontend-review

Analyze React, TypeScript, and Next.js code for best practices and issues.

1|Updated Jul 15, 2026
One-click install
npx skills add https://github.com/Dzakiamriz22/frontend-pack --skill frontend-review-dzakiamriz22
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-review
Source: https://github.com/Dzakiamriz22/frontend-pack/tree/main/skills/frontend-review
Command: npx skills add https://github.com/Dzakiamriz22/frontend-pack --skill frontend-review-dzakiamriz22

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the challenge of maintaining high-quality, accessible, and performant frontend code by providing an automated, expert-level review of React, TypeScript, and Next.js implementations.

Core Features & Use Cases

  • Comprehensive Auditing: Evaluates code against strict checklists for React patterns, TypeScript safety, performance, and accessibility (WCAG 2.1 AA).
  • Actionable Feedback: Provides specific, severity-ranked issues with clear suggestions for remediation.
  • Use Case: Use this skill during a pull request or before shipping a new feature to ensure your components follow modern best practices and are free of common anti-patterns.

Quick Start

Run the frontend-review skill on the current component file to receive a detailed quality assessment and score.

Frequently Asked Questions about frontend-review

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

FAQPage Schema
How do I automate React and TypeScript code review for production readiness?

Automating React and TypeScript code review involves analyzing source code against strict checklists for architectural patterns, performance, and accessibility to ensure production-ready quality. This process yields severity-ranked issues and a quantitative score for code health.

How do I check my frontend code for WCAG 2.1 AA accessibility compliance?

Checking frontend code for WCAG 2.1 AA accessibility compliance requires evaluating components against strict accessibility checklists during a code audit. This identifies specific violations and provides clear suggestions for remediation to meet compliance standards.

Does this frontend code auditing process work with Next.js best practices?

Yes, this frontend code auditing process evaluates implementations against Next.js best practices alongside React patterns and TypeScript safety. It checks architectural patterns to ensure your components follow modern framework standards and are free of common anti-patterns.

What is the best way to find performance anti-patterns in React components before shipping?

The best way to find performance anti-patterns in React components is running an expert-level code audit before shipping a new feature. This evaluates performance patterns and provides actionable, severity-ranked feedback for remediation.

How does a frontend code audit score code health?

A frontend code audit scores code health by comprehensively evaluating React patterns, TypeScript safety, performance, and accessibility. It generates a quantitative score alongside structured feedback that ranks identified issues by severity.

When do I need a professional-grade frontend code review?

You need a professional-grade frontend code review during a pull request or before shipping a new feature. This ensures your components follow modern best practices and are free of common anti-patterns before reaching production.