fe-code-review

Review frontend code for conventions, React patterns, accessibility, and performance.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/Conradmaker/copilot-cockpit --skill fe-code-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fe-code-review
Source: https://github.com/Conradmaker/copilot-cockpit/tree/main/.github/skills/fe-code-review
Command: npx skills add https://github.com/Conradmaker/copilot-cockpit --skill fe-code-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Frontend code reviews are often inconsistent, time-consuming, and hard to scale. This Skill provides a structured, multi-faceted review approach that ensures code quality across conventions, patterns, accessibility, and performance.

Core Features & Use Cases

  • Unified frontend review combining code conventions, React patterns, accessibility checks, and performance considerations in a single pass.
  • Useful during PR reviews, diffs analysis, and existing frontend code audits to surface issues and guide improvements.
  • Works with guidance from dedicated Skills: fe-code-conventions, fe-react-patterns, fe-a11y, and fe-react-performance to deepen checks.

Quick Start

Provide a PR diff or code snippet to start the frontend code review workflow

Frequently Asked Questions about fe-code-review

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

FAQPage Schema
How do I review React code for accessibility and performance issues?

To review React code for accessibility and performance, apply a structured four-step workflow that analyzes PR diffs or changed files to identify issues across conventions, React patterns, accessibility, and performance. It consults specialized checklists to recommend concrete improvements.

What is the best way to audit existing frontend code for conventions and patterns?

The best way to audit existing frontend code is applying a multi-faceted review approach that enforces checks from reference checklists covering code conventions and React patterns. This surfaces quality issues and guides improvements in a single pass.

Can I use this frontend code review workflow directly on GitHub PR diffs?

Yes, you can use this frontend code review workflow directly on GitHub PR diffs by providing the diff or code snippet. It applies its scope to changed files, focusing on code conventions, patterns, accessibility, and performance to generate recommendations.

Does this code review skill check React patterns and a11y compliance together?

Yes, this code review skill checks React patterns and a11y compliance together. It combines code conventions, React patterns, accessibility checks, and performance considerations into a unified frontend review to ensure comprehensive code quality.

Why should I use a structured frontend code review instead of manual checks?

You should use a structured frontend code review because manual checks are often inconsistent and hard to scale. A structured workflow enforces checks from reference checklists, ensuring consistent code quality across conventions, patterns, accessibility, and performance.