frontend-code-review

Review frontend code files using JavaScript/TypeScript and Blazor checklists.

2|Updated Mar 8, 2026
One-click install
npx skills add https://github.com/daeha76/RianFriends --skill frontend-code-review-daeha76
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/daeha76/RianFriends/tree/main/.claude/skills/frontend-code-review
Command: npx skills add https://github.com/daeha76/RianFriends --skill frontend-code-review-daeha76

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the process of reviewing frontend code, ensuring adherence to best practices and identifying potential issues before they become major problems.

Core Features & Use Cases

  • Automated Code Analysis: Applies specific checklists for JavaScript/TypeScript (React/Next.js) and Blazor components.
  • Targeted Reviews: Supports reviewing staged files for upcoming commits or specific files named by the user.
  • Use Case: Before merging a new feature branch, use this skill to perform a quick review of all modified .tsx files to catch common errors and style inconsistencies.

Quick Start

Review the staged frontend files for any urgent issues.

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 quality before a commit?

To review React and TypeScript code, you can analyze staged `.tsx` and `.ts` files using predefined checklists for code quality, performance, and business logic. This catches common errors and style inconsistencies before merging new feature branches.

Does this frontend code review tool support Blazor components?

Yes, frontend code review supports Blazor components by applying a distinct checklist to `.razor` files. It identifies and reports violations based on specific rules for code quality, performance, and business logic tailored to Blazor.

Can I review specific JavaScript files instead of only staged changes?

Yes, you can review specific JavaScript files by naming the files directly. The tool supports both pending-change reviews for staged files and file-targeted reviews for individually specified `.js`, `.ts`, `.tsx`, or `.razor` files.

What is the best way to automate frontend code analysis for Next.js applications?

Automating frontend code analysis for Next.js applications involves applying predefined rules to `.tsx` and `.ts` files. This process automatically detects violations in code quality, performance, and business logic to identify potential issues early.

What specific issues are identified during a TypeScript code review?

During a TypeScript code review, the tool identifies violations based on predefined rules for code quality, performance, and business logic. It applies specific checklists designed for React and Next.js components to catch common errors.