skills.rest
Nikhil-Chopra-7
Nikhil-Chopra-7COMMUNITY
Explore all skills by this author →
GitHub

code-reviewer

Identify frontend code convention violations and output severity-based reports.

1|Updated Apr 25, 2026
Search Tags:#architecture#frontend#styling#review#conventions#code-quality#redux
One-click install
npx skills add https://github.com/Nikhil-Chopra-7/claude-frontend-skills --skill code-reviewer-nikhil-chopra-7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: code-reviewer
Source: https://github.com/Nikhil-Chopra-7/claude-frontend-skills/tree/main/code-reviewer
Command: npx skills add https://github.com/Nikhil-Chopra-7/claude-frontend-skills --skill code-reviewer-nikhil-chopra-7

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Code Reviewer helps ensure frontend code adheres to project conventions by scanning for architectural, styling, state management, API integration, and performance issues, and flags violations for remediation.

Core Features & Use Cases

  • Reviews code against atomic design principles, prop patterns, and component boundaries.
  • Checks styling consistency (Tailwind and MUI usage) and Redux usage guardrails.
  • Provides a structured, severity-based report with actionable fixes you can apply to generated or pasted code.

Quick Start

Paste the code you want reviewed and request feedback against your conventions.

Frequently Asked Questions about code-reviewer

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

FAQPage Schema
How do I audit frontend code for convention violations?▼

To audit frontend code for convention violations, paste your component files, styling, or API integration code. The review identifies architectural and state management issues, outputting a structured report with categorized severities and actionable fixes.

Can I check Redux usage and atomic design boundaries in my React components?▼

Yes, you can check Redux usage and atomic design boundaries in your React components. The review validates prop patterns and component boundaries, flagging violations against your architectural conventions for remediation.

What is the best way to review generated frontend code against project conventions?▼

The best way to review generated frontend code against project conventions is to paste the code for analysis. The review scans for architectural, styling, state management, and performance issues, providing a severity-based report with actionable fixes.

Does this frontend code review work with both Tailwind and MUI?▼

Yes, this frontend code review works with both Tailwind and MUI. It checks styling consistency across both frameworks, flagging violations against your project conventions and providing actionable fixes in a structured report.

How do I get a structured report with actionable fixes for my frontend code?▼

To get a structured report with actionable fixes for your frontend code, paste your code for review. The output categorizes violations by severity levels, covering architecture, styling, and API integration issues for direct remediation.

Related Skills

Explore More Software Engineering Skills→
v1nizxv1nizx

stitch::extract-design-md

Extract color palettes, typography scales, and component styling patterns from frontend source code.

Community
Advanced
baphledbaphled
1

fix-architecture

Diagnose and fix software architecture violations with guided, test-backed refactoring.

Community
Intermediate
travisjneumantravisjneuman
88

generic-feature-developer

Guide feature development with architecture patterns and decision frameworks.

Community
Intermediate
mathiasbourgoinmathiasbourgoin
2

code-quality-auditor

Audit source code against team-defined invariants and naming conventions.

Community
Intermediate