review-frontend

Name: review-frontend
Availability: InStock
Author: cyanluna

Analyze frontend PR code for component design, state management, hooks, performance, and accessibility.

173|42|Updated Feb 20, 2026

Search Tags:#typescript #architecture #performance #accessibility #frontend #react #code-review

Ready to run

npx skills add https://github.com/cyanluna-git/cyanluna.skills --skill review-frontend

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: review-frontend
Source: https://github.com/cyanluna-git/cyanluna.skills/tree/main/review-frontend
Command: npx skills add https://github.com/cyanluna-git/cyanluna.skills --skill review-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

프런트엔드 PR 리뷰는 보통 수작업으로 비효율적이고 일관성이 떨어집니다. 이 스킬은 프런트엔드 PR에 대한 집중적이고 구조화된 분석을 자동화하여 리뷰 속도와 품질을 향상시킵니다.

Core Features & Use Cases

구성 요소 설계, 상태 관리, 훅 사용, 렌더링 성능, 접근성 등 프런트엔드 코드를 다각도로 분석합니다.
구조화된 PR 리뷰를 생성하여 PR 코멘트로 바로 붙여넣을 수 있도록 제안과 개선 포인트를 제공합니다.
사용 사례: PR이 열리면 이 스킬을 실행해 상세한 비평과 개선 제안을 자동으로 생성합니다.

Quick Start

PR URL을 입력하면 프런트엔드 코드 리뷰가 자동으로 시작됩니다.

Frequently Asked Questions about review-frontend

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

FAQPage Schema

How do I automate frontend code review for a PR?▼

Automating frontend code review involves analyzing a PR to produce structured insights on component design, state management, hooks usage, rendering performance, and accessibility. Provide a PR URL to generate concise, actionable feedback suitable for PR comments.

Can I review React and Next.js TypeScript code for accessibility and performance?▼

Yes, you can review React and Next.js TypeScript code for accessibility and performance. The analysis evaluates JSX/TSX files, identifying rendering performance bottlenecks and accessibility issues alongside component design and hooks usage.

Does automated frontend PR review work with Vue.js, Angular, and Svelte?▼

Automated frontend PR review works with Vue.js, Angular, and Svelte projects. It applies structured analysis to common frontend stacks, evaluating component design, state management, and rendering performance across these frameworks.

What is the best way to structure frontend PR comments for React components?▼

The best way to structure frontend PR comments is to provide concise, actionable improvements categorized by component design, state management, hooks usage, rendering performance, and accessibility. This structured format ensures reviews are consistent and directly applicable.

What specific issues does a structured frontend code review identify?▼

A structured frontend code review identifies issues in component design, state management, hooks usage, rendering performance, and accessibility. It outputs actionable improvements directly suitable for PR comments to enhance code quality.