skills.rest
arorakrishh
arorakrishhCOMMUNITY
Explore all skills by this author →
GitHub

frontend-code-review

Analyze React and TypeScript frontend code for quality, performance, and security issues.

Updated May 8, 2026
Search Tags:#typescript#code review#best practices#performance#accessibility#frontend#react
One-click install
npx skills add https://github.com/arorakrishh/langflow-ai --skill frontend-code-review-arorakrishh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/arorakrishh/langflow-ai/tree/main/.agents/skills/frontend-code-review
Command: npx skills add https://github.com/arorakrishh/langflow-ai --skill frontend-code-review-arorakrishh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill helps developers review and improve frontend code quality, performance, and correctness according to established conventions.

Core Features & Use Cases

  • Code Quality Checks: Identify styling inconsistencies, TypeScript issues, and adherence to React best practices.
  • Performance Optimization: Detect unnecessary re-renders, memoization opportunities, and efficient state management.
  • Security & Accessibility: Spot potential vulnerabilities and accessibility issues in frontend code.
  • Use Case: Evaluate a complex React component for maintainability and fixability, providing actionable suggestions for improvements.

Quick Start

Review a frontend component file like src/frontend/src/components/feature/MyComponent.tsx for potential issues and suggestions.

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 performance and accessibility issues?▼

To review React and TypeScript code for performance and accessibility, analyze component files to detect unnecessary re-renders, identify memoization opportunities, and check adherence to accessibility standards. This process ensures code is maintainable, performant, and safe for enterprise-grade interfaces.

What is the best way to check frontend code quality in a React project?▼

The best way to check frontend code quality in a React project is to evaluate components against established conventions, identifying styling inconsistencies, TypeScript issues, and security vulnerabilities. This ensures the interface is performant and maintainable.

Can I use an automated code review tool to detect Tailwind CSS and TypeScript issues?▼

Yes, automated code review can detect Tailwind CSS and TypeScript issues by analyzing frontend files for styling inconsistencies and type errors. This ensures code adheres to quality and security best practices before deployment.

How do I find unnecessary re-renders and state management inefficiencies in my frontend code?▼

To find unnecessary re-renders and state management inefficiencies, analyze frontend code files for performance optimization opportunities. This detects memoization gaps and ensures efficient state management within React components.

Does automated frontend code review work for enterprise-grade interfaces?▼

Automated frontend code review works for enterprise-grade interfaces by evaluating complex React components for maintainability and security. It ensures code is performant, accessible, and safe for deploying large-scale applications.

Related Skills

Explore More Software Engineering Skills→
leafcoderleafcoder
2

web-design-guidelines

Audit web interface code for WCAG, ARIA, and UX compliance.

Community
Intermediate
staruhubstaruhub
662

code-review

Evaluate React/TypeScript/Tailwind frontend code for quality and security vulnerabilities.

Community
Advanced
zakad00e2zakad00e2

design-taste-dashboards

Design task-first dashboards with adjustable variance, motion, and density.

Community
Advanced
4lerman4lerman

a11y-audit

Scan web application code for WCAG 2.2 violations and suggest fixes.

Community
Advanced