skills.rest
bamzc
bamzcCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-code-review

Review frontend codebases for quality, performance, security, and accessibility.

73|8|Updated Jan 6, 2026
Search Tags:#typescript#code review#performance#security#frontend#react#vue
One-click install
npx skills add https://github.com/bamzc/claude-skills-frontend --skill frontend-code-review-bamzc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/bamzc/claude-skills-frontend/tree/main/skills/frontend-code-review
Command: npx skills add https://github.com/bamzc/claude-skills-frontend --skill frontend-code-review-bamzc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the comprehensive review of frontend code, ensuring high quality, performance, security, and accessibility across various frameworks.

Core Features & Use Cases

  • Code Quality Assurance: Identifies code smells, refactoring opportunities, and adherence to best practices.
  • Performance Auditing: Detects rendering bottlenecks, inefficient resource loading, and network request issues.
  • Security Checks: Scans for common vulnerabilities like XSS and improper data handling.
  • Accessibility Testing: Evaluates compliance with WCAG standards for inclusive design.
  • Framework-Specific Analysis: Provides tailored checks for React, Vue, and TypeScript.
  • Use Case: Submit a Pull Request for your React component and receive a detailed report on its code quality, potential performance issues, and accessibility compliance.

Quick Start

Use the frontend-code-review skill to review the file src/components/Button.tsx.

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 review for a React component?▼

Automate frontend code review for a React component by submitting the file to receive a structured report covering code quality, performance bottlenecks, security vulnerabilities, and accessibility compliance.

What does a comprehensive frontend code review cover?▼

A comprehensive frontend code review covers code quality assurance, performance auditing, security checks for XSS vulnerabilities, WCAG accessibility standards, and framework-specific patterns for React, Vue, and Angular.

Does the code review work with Vue and TypeScript projects?▼

Yes, the code review works with Vue and TypeScript projects, providing tailored checks for framework-specific patterns, native JavaScript analysis, and TypeScript type usage.

How can I check my web application for accessibility and security vulnerabilities?▼

Check web application accessibility and security vulnerabilities by running a frontend review that scans for improper data handling, XSS risks, and evaluates compliance with WCAG standards for inclusive design.

What is the best way to detect performance bottlenecks in frontend code?▼

The best way to detect performance bottlenecks in frontend code is through performance auditing that identifies rendering issues, inefficient resource loading, and network request problems.

How do I get actionable recommendations from a TypeScript code review?▼

Get actionable recommendations from a TypeScript code review by generating a structured report that includes a scoring system, refactoring opportunities, and specific fixes for identified code smells.

Related Skills

Explore More Software Engineering Skills→
camilooscargbaptistacamilooscargbaptista
7

frontend-review

Analyzes frontend code quality and generates prioritized reports for common defects and inefficiencies.

Community
Advanced
yonetim258852yonetim258852

accesslint-audit

Audit live URLs or HTML files for WCAG 2.2 accessibility issues.

Community
Advanced
tikazyqtikazyq
5

code-review

Review pull requests for correctness, quality, test coverage, security, and performance.

Community
Intermediate
winsorllcwinsorllc

code-review

Execute linters, static analysis, and security scanners on code.

Community
Intermediate