skills.rest
aurorie-co
aurorie-coOFFICIAL
Explore all skills by this author →
GitHub

Code Review Skill (Frontend)

Analyze frontend pull requests for accessibility, correctness, and performance issues.

12|Updated Mar 22, 2026
Search Tags:#performance#accessibility#frontend#react#maintainability#quality-assurance#code-review
One-click install
npx skills add https://github.com/aurorie-co/AURORIE-TEAMS --skill code-review-skill-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Code Review Skill (Frontend)
Source: https://github.com/aurorie-co/AURORIE-TEAMS/tree/main/teams/frontend/skills/code-review
Command: npx skills add https://github.com/aurorie-co/AURORIE-TEAMS --skill code-review-skill-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides frontend teams through a consistent PR review process, ensuring accessibility, correctness, and maintainability.

Core Features & Use Cases

  • Accessibility checks for interactive elements, alt text, labels, and color contrast.
  • Correctness checks for component behavior, state handling, and API usage.
  • Performance and maintainability guidance, including render efficiency and code readability.

Quick Start

Provide the PR diff or link and I will generate a focused code-review checklist and actionable feedback.

Frequently Asked Questions about Code Review Skill (Frontend)

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

FAQPage Schema
How do I review React pull requests for accessibility and performance issues?▼

Review React pull requests by analyzing UI component diffs to identify accessibility gaps, state handling correctness, and render efficiency problems. This process generates a prioritized checklist with actionable fixes and rationale to ensure maintainability.

What is the best way to check frontend code quality in TypeScript projects?▼

Checking frontend code quality in TypeScript projects involves analyzing component behavior, API usage, and interactive element labeling. This yields a structured code-review brief that highlights correctness issues and recommends specific improvements.

Can I use automated code review for React hooks and UI components?▼

Yes, you can use automated code review for React hooks and UI components by providing the PR diff. The analysis evaluates state handling, render efficiency, and accessibility to output a focused, prioritized review brief.

Does frontend code review cover color contrast and alt text checks?▼

Frontend code review covers color contrast and alt text checks by examining interactive elements and labels within the PR diff. It identifies these accessibility issues and includes recommended fixes in the structured review output.

How do I generate a prioritized code review checklist for a frontend PR?▼

Generate a prioritized code review checklist by submitting the frontend PR diff or link for analysis. The system evaluates accessibility, correctness, and performance to output a structured brief with recommended fixes and rationale.

What are the limitations of automated frontend PR reviews?▼

Automated frontend PR reviews focus strictly on accessibility, correctness, and performance within the provided diff. They do not replace human judgment for complex architectural decisions or business logic outside the analyzed code paths.

Related Skills

Explore More Software Engineering Skills→
Unique-DivineUnique-Divine
6

gh-pr

Generate pull request descriptions from branch diffs.

Community
Basic
j7-devj7-dev
19

react-reviewer

Review React 18 and TypeScript code for correctness, performance, and accessibility.

Community
Intermediate
R2W1csR2W1cs
1

lint-and-validate

Lint and validate JavaScript and Python code for syntax and style issues.

Community
Intermediate
DarkMonkDevDarkMonkDev
1

test-environment

Run unit, integration, and end-to-end tests in isolated containers.

Community
Advanced