frontend-review

Audit frontend code against quality, security, and accessibility checklists.

3|Updated Jul 1, 2026
One-click install
npx skills add https://github.com/KeyValueSoftwareSystems/maestro --skill frontend-review-keyvaluesoftwaresystems
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-review
Source: https://github.com/KeyValueSoftwareSystems/maestro/tree/main/skills/core/sdlc/frontend-review
Command: npx skills add https://github.com/KeyValueSoftwareSystems/maestro --skill frontend-review-keyvaluesoftwaresystems

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the inconsistency and oversight common in manual frontend code reviews by enforcing a rigorous, checklist-driven evaluation of UI state, accessibility, security, and performance.

Core Features & Use Cases

  • Comprehensive Checklist: Evaluates code against critical dimensions including WCAG AA accessibility, security vulnerabilities, contract adherence, and performance metrics.
  • Evidence-Based Reporting: Forces the agent to cite specific lines of code and provide actionable recommendations for every finding.
  • Use Case: Use this during a pull request or feature implementation to ensure that new components handle error states, meet performance SLAs, and maintain type safety before they reach production.

Quick Start

Run the frontend-review skill to analyze the current branch for UI, accessibility, and performance issues.

Frequently Asked Questions about frontend-review

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

FAQPage Schema
How do I automate frontend code reviews for accessibility and security?

Automated frontend code reviews apply a standardized checklist to evaluate accessibility and security vulnerabilities. This process enforces WCAG AA compliance and identifies contract violations by citing specific lines of code with actionable recommendations.

What is the best way to identify UI-state gaps and performance bottlenecks in a web application?

Identifying UI-state gaps and performance bottlenecks requires a comprehensive read-only audit of frontend implementations. This audit evaluates code against critical quality dimensions, ensuring components handle error states and meet performance metrics before production.

How does an evidence-based code review report improve TypeScript frontend workflows?

Evidence-based code review reports improve TypeScript workflows by forcing the agent to cite specific lines of code. This enforces type safety, identifies contract violations, and provides actionable recommendations for every finding during a pull request.

Can I use an automated checklist to enforce WCAG AA accessibility compliance in a pull request?

Yes, you can enforce WCAG AA accessibility compliance in a pull request using a checklist-driven evaluation. This automated audit checks UI state, security vulnerabilities, and performance metrics to ensure new components meet strict accessibility requirements.

What does a read-only audit check for during a frontend code review?

A read-only audit checks for UI-state gaps, security vulnerabilities, contract adherence, and performance bottlenecks. It evaluates the codebase against a standardized checklist to identify missing error states and ensure type safety across frontend implementations.

When should I use an automated frontend code review instead of a manual one?

You should use an automated frontend code review to address the inconsistency and oversight common in manual reviews. It enforces a rigorous, checklist-driven evaluation of UI state, accessibility, security, and performance before components reach production.