skills.rest
ranjanpoudel1234
ranjanpoudel1234COMMUNITY
Explore all skills by this author →
GitHub

react-ux-code-reviewer

Review React/TypeScript frontend code for accessibility, performance, and component design.

1|Updated Sep 6, 2025
Search Tags:#accessibility#React#frontend#TypeScript#UX#review#Material-UI
One-click install
npx skills add https://github.com/ranjanpoudel1234/ai-tools --skill react-ux-code-reviewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-ux-code-reviewer
Source: https://github.com/ranjanpoudel1234/ai-tools/tree/main/ClaudeCode/configuration/skills/react-ux-code-reviewer
Command: npx skills add https://github.com/ranjanpoudel1234/ai-tools --skill react-ux-code-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides expert reviews of React/TypeScript frontend code to improve accessibility, performance, component design, and overall user experience. It specializes in React, TypeScript, Material-UI, and frontend architecture, and aligns with current React.dev, TS, MUI, and WCAG guidelines.

Core Features & Use Cases

  • Accessibility-focused code reviews for UI components and frontend architecture.
  • Performance and maintainability assessments aligned with React and TypeScript best practices.
  • PR-ready feedback and concrete improvement guidance for teams using React + MUI.

Quick Start

Use this skill to review a PR containing new or updated React components for accessibility and UX quality.

Frequently Asked Questions about react-ux-code-reviewer

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

FAQPage Schema
How do I review React components for accessibility and UX issues?▼

To review React components for accessibility and UX issues, analyze the TypeScript and Material-UI code against WCAG and React.dev guidelines. This process evaluates component design and type safety to produce PR-ready feedback for improving UI accessibility.

What are the best practices for TypeScript type safety in Material-UI React components?▼

Best practices for TypeScript type safety in Material-UI React components involve adhering to official TS and MUI guidelines. Enforcing strict typing across component props and state ensures maintainability, prevents runtime errors, and aligns with performance-friendly UI standards.

Does this code review approach work with React and Material-UI architectures?▼

Yes, this code review approach works specifically with React and Material-UI architectures. It assesses frontend component design and performance by applying current React.dev, TypeScript, MUI, and WCAG guidelines to generate concrete improvement guidance for teams.

How do I check my React pull requests for WCAG compliance?▼

To check React pull requests for WCAG compliance, review the frontend code for accessible component design and UX quality. Evaluating TypeScript and Material-UI implementations against WCAG guidelines ensures the UI satisfies accessibility requirements and performance standards.

What is a UX-first code review for React frontend code?▼

A UX-first code review for React frontend code is an analysis of TypeScript and Material-UI components that prioritizes accessibility, performance, and user experience. It evaluates code against official guidelines to provide maintainability assessments and PR-ready feedback.

Related Skills

Explore More Software Engineering Skills→
astrolabe-appsastrolabe-apps
1

react-typed-forms-mui

Bind Material-UI components to typed form state in React applications.

Official
Intermediate
thesammykinsthesammykins

vercel-react-best-practices

Identify performance bottlenecks in React/Next.js projects across rendering, data fetching, and bundle size.

Community
Advanced
tsuji-tomonoritsuji-tomonori

a11y-ci-gating

Automate accessibility testing in CI/CD pipelines with quality gates.

Community
Advanced
yun520-1yun520-1
38

code-analyzer

Analyze codebases for architectural patterns, code quality, and DDD elements.

Community
Advanced