frontend-review

Automate pre-merge review of React components for accessibility and security issues.

2.4k|224|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/yaojingang/yao-meta-skill --skill frontend-review-yaojingang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-review
Source: https://github.com/yaojingang/yao-meta-skill/tree/main/examples/team-frontend-review/generated-skill
Command: npx skills add https://github.com/yaojingang/yao-meta-skill --skill frontend-review-yaojingang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the review of frontend code for accessibility, UI security, and UX regressions, streamlining the pre-merge code review process.

Core Features & Use Cases

  • Accessibility Check: Automatically checks for accessibility issues in React components.
  • UI Security Analysis: Identifies security vulnerabilities in user interface elements.
  • UX Regression Detection: Monitors for UX regressions in UI flows.
  • Use Case: When you need to ensure that your React components meet accessibility standards and are secure before merging into the main codebase.

Quick Start

Run the frontend-review skill on your React components before merging.

Frequently Asked Questions about frontend-review

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

FAQPage Schema
How do I automate React code review for accessibility and security before merging?

Automate React code review by running checks on components pre-merge to detect accessibility issues, UI security vulnerabilities, and UX regressions without manual testing. This streamlines the review process by identifying common frontend problems automatically before codebase integration.

What common UI security vulnerabilities can be detected in React components during pre-merge code review?

UI security vulnerabilities in React components are detected during pre-merge code review by analyzing user interface elements for common security flaws. The automated review identifies these issues without manual testing, ensuring components are secure before merging into the main codebase.

Can I check React components for UX regressions automatically?

Check React components for UX regressions automatically by running an automated review skill that monitors UI flows for regression problems. This detects UX issues in frontend code pre-merge, ensuring user experience consistency without requiring manual testing procedures.

Does automated frontend code review work for pre-merge checks without manual testing?

Automated frontend code review works for pre-merge checks by reviewing React components for accessibility, security, and UX regressions without manual testing. It streamlines the code review process by identifying common issues automatically before integration into the main codebase.

What's the best way to ensure React components meet accessibility standards before merging?

The best way to ensure React components meet accessibility standards before merging is to run an automated accessibility check on the code. This reviews components for common accessibility issues pre-merge, streamlining compliance without requiring manual testing workflows.