frontend-code-review

Review frontend .tsx, .ts, and .js changes against a quality checklist.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you review frontend code changes against a consistent checklist so you can catch quality, performance, and logic issues before they reach review or merge.

Core Features & Use Cases

  • Reviews staged or working-tree frontend changes before submission.
  • Reviews specific .tsx, .ts, or .js files the user names.
  • Uses the canonical checklist to catch class name handling, Tauri errors, event cleanup, memoization, and state-management issues.
  • Produces prioritized findings with urgent issues first and clear suggested fixes.

Quick Start

Review the named frontend file or current pending changes and report every checklist violation with urgency, file path, line reference, and a suggested fix.

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 staged frontend changes before a commit?

To review staged frontend changes before a commit, apply a structured quality checklist to your pending working-tree changes. This process catches className, performance, and logic issues by producing prioritized findings with file paths and suggested fixes.

What is checklist-driven frontend code review for TypeScript files?

Checklist-driven frontend code review for TypeScript files evaluates targeted .ts and .tsx changes against consistent quality rules. It enforces naming conventions, memoization, and state-management to catch logic issues before merging.

Can I use a checklist to catch Tauri API error handling issues in React?

Yes, you can use a checklist to catch Tauri API error handling issues in React. The review process specifically targets Tauri error handling and event cleanup alongside standard frontend quality checks for .tsx files.

Does code review checklist enforce className ordering and naming conventions?

Yes, the code review checklist enforces className ordering and naming conventions. It consistently applies these rules to your frontend changes, generating prioritized findings with clear line references and suggested fixes.

What is the best way to find performance and state management issues in .tsx files?

The best way to find performance and state-management issues in .tsx files is running a targeted checklist review. It analyzes your code for memoization gaps and state issues, outputting urgent findings with suggested fixes.