Frontend Code Review
Conducts comprehensive audits of React, TypeScript, and Tailwind codebases to identify security vulnerabilities, performance bottlenecks, and accessibility gaps.
The source repository doesn't declare a license. Check its terms before reusing the code.
Key features
- Component architecture and layered state management pattern evaluation
- React performance optimization including memoization and re-render analysis
- Strict TypeScript type safety and runtime validation checking
- Security vulnerability detection for XSS, CSRF, and sensitive data exposure
- Accessibility compliance auditing for WCAG 2.1 AA and keyboard navigation
Use cases
- Reviewing newly generated React components for best practices and performance
- Ensuring web applications meet accessibility standards and responsive design patterns
- Auditing frontend code for security vulnerabilities and sensitive data leaks
FAQ
What does the Frontend Code Review skill do?
This skill performs a comprehensive audit of modern frontend stacks, specifically React, TypeScript, and Tailwind CSS. It identifies security vulnerabilities like XSS and CSRF, detects performance bottlenecks such as unnecessary re-renders, and ensures accessibility compliance with WCAG 2.1 AA standards.
Does it support state management and data fetching patterns?
Yes, the skill evaluates component architecture and layered state management patterns. It provides specific guidance for Zustand, React Context, and React Query usage to ensure your data fetching and state logic are efficient and maintainable.
Can it help with TypeScript type safety?
Absolutely. The skill performs strict type safety checks, identifying 'any' type leakage, ensuring proper interface definitions, and suggesting runtime validation improvements to prevent common crashes and logic errors.
When should I use this Claude Code skill?
You should trigger this skill whenever you need feedback on a new component, before committing major feature changes, or when you encounter performance issues. It is also ideal for auditing legacy codebases for modern best practices and security gaps.
How does this skill improve my development workflow?
It automates the most tedious parts of manual code review by providing systematic, actionable feedback categorized by severity. This helps developers catch critical security and performance issues early in the development cycle, leading to higher-quality production code.
Related skills
Code Review
Analyzes code for security vulnerabilities, performance bottlenecks, and adherence to Rust-specific best practices to ensure high-quality, maintainable software.
Security Testing29712 ptsUnified Review Orchestration
Orchestrates and runs appropriate code review skills based on codebase analysis and user context.
Security Testing212 ptsGemini Peer Review
Integrates Google Gemini CLI to provide holistic codebase analysis, architectural peer reviews, and multi-perspective design validation for high-stakes development decisions.
Security Testing712 pts