How does this improve the development workflow?

By providing a systematic checklist, it reduces the manual effort required for code reviews and ensures that critical performance and design standards are never overlooked.

Does it check for web accessibility?

Yes, the skill includes specialized guidelines for identifying WCAG compliance issues and improving the accessibility of your user interface.

What frontend frameworks are supported?

The skill is framework-agnostic and provides best practices applicable to React, Vue, Angular, Svelte, and vanilla JavaScript applications.

How do I invoke the Frontend Code Review skill?

You can trigger the review process by asking Claude to 'review code', 'review PR', 'review changes', or 'audit code' within your project directory.

Can this skill help with frontend security?

It specifically looks for common frontend security risks such as Cross-Site Scripting (XSS) vulnerabilities and missing Content Security Policies (CSP).

Frontend Code Review

Name: Frontend Code Review
Author: eleva-labs

byeleva-labs

Herramientas de Colaboración

Performs systematic frontend code reviews focusing on component architecture, accessibility, and performance standards.

Acerca de

The Frontend Code Review skill for Claude provides a standardized framework for evaluating web applications against modern development benchmarks. It guides developers through a comprehensive audit process that covers component design patterns, efficient state management, and strict adherence to accessibility (a11y) and performance guidelines. By automating the checklist for pull requests, this skill ensures that frontend codebases remain maintainable, secure from common vulnerabilities like XSS, and optimized for the best possible user experience.

Características Principales

State management logic verification
WCAG-aligned accessibility audit guidelines
Security auditing for XSS and CSP compliance
Frontend performance bottleneck identification
0 GitHub stars
Automated component design pattern analysis

Casos de Uso

Optimizing web application performance during the development cycle
Reviewing complex frontend pull requests for architectural consistency
Conducting accessibility audits on legacy UI components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add eleva-labs/agentic-coding-templates frontend

For use in Claude.ai and ChatGPT

Download Skill

GitHub