skills.rest
olehsvyrydov
olehsvyrydovCOMMUNITY
Explore all skills by this author →
GitHub

frontend-reviewer

Automate React/TypeScript code review for style, accessibility, and linting gaps.

13|6|Updated Dec 23, 2025
Search Tags:#typescript#a11y#frontend#react#quality#lint#code-review
One-click install
npx skills add https://github.com/olehsvyrydov/AI-development-team --skill frontend-reviewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-reviewer
Source: https://github.com/olehsvyrydov/AI-development-team/tree/main/claude/skills/quality/review/frontend-reviewer
Command: npx skills add https://github.com/olehsvyrydov/AI-development-team --skill frontend-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates thorough frontend code reviews for React/TypeScript projects, reducing manual review time and improving code quality, accessibility, and testing coverage.

Core Features & Use Cases

  • Automated Code Quality Feedback: Detects style violations, potential bugs, and anti-patterns across components.
  • Accessibility Checks: Verifies keyboard navigation, alt text, color contrast, and ARIA labeling to meet WCAG guidelines.
  • Lint/Format Configuration Review: Reviews ESLint, Prettier, and TS config across pipelines to ensure consistent standards.
  • Use Case: During PR reviews, apply to a React component library to surface issues before merging.

Quick Start

Use the frontend-reviewer during a PR review to generate a comprehensive quality feedback report for the changed components.

Frequently Asked Questions about frontend-reviewer

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

FAQPage Schema
How do I automate React code review for accessibility and lint issues?▼

Automate React code review by applying automated checks that detect style violations, missing tests, and accessibility issues like keyboard navigation and ARIA labeling to meet WCAG guidelines across your components.

What is the best way to check ESLint and TypeScript strict mode configuration in a PR?▼

Checking ESLint and TypeScript strict mode configuration in a PR involves reviewing your lint, Prettier, and TS config across development pipelines to ensure consistent quality and accessibility compliance before merging.

Can I use automated frontend review to verify WCAG compliance for TypeScript components?▼

Automated frontend review can verify WCAG compliance for TypeScript components by checking keyboard navigation, alt text, color contrast, and ARIA labeling to identify accessibility issues across your React codebase.

How do I find missing tests and anti-patterns in a React component library?▼

Find missing tests and anti-patterns in a React component library by running an automated frontend code review during PR reviews to surface potential bugs and quality feedback before merging.

Does this automated code review support Prettier 3.x and ESLint 9.x pipelines?▼

Automated code review supports Prettier 3.x and ESLint 9.x pipelines by enforcing these specific versions alongside TypeScript strict mode settings to review lint and format configuration across your development workflows.

Related Skills

Explore More Software Engineering Skills→
krlmrrkrlmrr

eslint-prettier

Automate ESLint and Prettier linting and formatting for JavaScript/TypeScript projects.

Community
Intermediate
pradyumnasagarpradyumnasagar
6

agent-handoff

Automate inter-skill data transfer and provenance capture via JSON Material Passports.

Community
Advanced
DemolinatorDemolinator
2

Create Frontend Tests

Generate Vitest and React Testing Library unit tests for React components.

Community
Intermediate
winsorllcwinsorllc

code-review

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

Community
Intermediate