Code Review

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

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/jeremylasne92-hue/siteweb2 --skill code-review-jeremylasne92-hue
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Code Review
Source: https://github.com/jeremylasne92-hue/siteweb2/tree/main/.agent/skills/code-review
Command: npx skills add https://github.com/jeremylasne92-hue/siteweb2 --skill code-review-jeremylasne92-hue

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manual code reviews are time‑consuming and prone to missed issues, especially in large TypeScript and React codebases. This Skill provides fast, consistent analysis to improve code quality, maintainability, and security.

Core Features & Use Cases

  • Comprehensive Checklist: Detects duplicated code, long functions, vague variable names, missing comments, and more.
  • TypeScript & React Validation: Enforces proper typing, interface design, single‑responsibility components, and correct hook usage.
  • Style & Performance Audits: Reviews CSS conventions, responsive design, lazy loading, memoization, and image optimization.
  • Security Review: Flags hard‑coded secrets, inadequate input validation, XSS risks, and non‑HTTPS external calls.
  • Use Cases: Run before major commits, during pull‑request reviews, or to refactor legacy sections of a project.

Quick Start

Ask the code review skill to evaluate the file 'Header.tsx' and provide a concise report.

Frequently Asked Questions about Code Review

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

FAQPage Schema
How do I automate code reviews for TypeScript and React components?

Automated code reviews analyze TypeScript and React source files to identify quality issues and suggest improvements. You can evaluate specific files like 'Header.tsx' to enforce proper typing, component design, and hook usage while receiving a concise report.

What does an automated security review check for in a React codebase?

An automated security review flags hard-coded secrets, inadequate input validation, XSS risks, and non-HTTPS external calls. It analyzes source files to identify security vulnerabilities and suggests improvements to protect your application.

Can I check CSS conventions and responsive design performance automatically?

Automated style and performance audits review CSS conventions, responsive design, lazy loading, memoization, and image optimization. They analyze source files to detect performance bottlenecks and suggest improvements for better rendering efficiency.

How do I detect duplicated code and long functions before a major commit?

Automated code reviews use a comprehensive checklist to detect duplicated code, long functions, vague variable names, and missing comments. Analyzing your source files before major commits ensures code quality and maintainability without manual inspection.

Do I need external dependencies to run an automated code review on my source files?

No external dependencies are required to run automated code reviews. The analysis follows predefined checklists to evaluate TypeScript, React, CSS, performance, and security aspects directly within your codebase files.

Why does my React component fail hook usage validation during a code review?

React component hook usage validation fails when automated analysis detects incorrect implementation patterns. The review enforces single-responsibility components and proper hook usage to ensure your React codebase maintains correct functional component architecture.