frontend-code-review

Automate frontend code reviews against standardized checklists for .tsx, .ts, and .js files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams quickly evaluate frontend code against a standardized checklist, ensuring consistency and reducing manual review time.

Core Features & Use Cases

  • Pending-change review: inspect staged/working-tree frontend files (e.g., .tsx/.ts/.js) for checklist violations before commits.
  • File-targeted review: review specific file paths provided by the user and report relevant findings.
  • References the living rules in references/code-quality.md, references/performance.md, and references/business-logic.md to guide decisions.

Quick Start

Provide the paths to frontend files you want reviewed, or describe the pending changes you’d like checked; the skill will apply the canonical rules and return a structured code-review report.

Frequently Asked Questions about frontend-code-review

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

FAQPage Schema
How do I automate frontend code reviews for TypeScript and TSX files?

Automate frontend code reviews by applying a standardized checklist to .tsx, .ts, and .js files, checking staged changes or specific file paths against canonical rules for quality, performance, and business logic.

Can I review pending frontend changes before committing them?

Yes, you can review pending changes by inspecting staged or working-tree frontend files against a standardized checklist to catch violations before commits.

What does a standardized frontend code review checklist cover?

A standardized frontend code review checklist covers code quality, performance, and business logic rules to ensure consistent quality and reduce manual review time.

How do I review specific frontend files for code quality violations?

Review specific frontend files by providing their file paths to the skill, which then applies living rules from code-quality, performance, and business-logic references and returns a structured report.

Does this frontend code review tool work with JavaScript files?

Yes, this frontend code review tool works with JavaScript files, supporting .tsx, .ts, and .js file formats for both pending-change reviews and file-targeted reviews.