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

0•

Collaboration Tools

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

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.

Key Features

01State management logic verification

02WCAG-aligned accessibility audit guidelines

03Security auditing for XSS and CSP compliance

04Frontend performance bottleneck identification

050 GitHub stars

06Automated component design pattern analysis

Use Cases

01Optimizing web application performance during the development cycle

02Reviewing complex frontend pull requests for architectural consistency

03Conducting 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

Key Features

01State management logic verification

02WCAG-aligned accessibility audit guidelines

03Security auditing for XSS and CSP compliance

04Frontend performance bottleneck identification

050 GitHub stars

06Automated component design pattern analysis

Use Cases

01Optimizing web application performance during the development cycle

02Reviewing complex frontend pull requests for architectural consistency

03Conducting 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