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.