Reviews frontend source files to identify quality, performance, and logic issues using industry best practices.
The Frontend Code Review skill automates the inspection of TypeScript and JavaScript files to ensure adherence to high standards in accessibility, performance, and maintainability. It supports both comprehensive audits of specific files and 'pending-change' reviews of staged git files before they are committed. By evaluating code against a rigorous checklist—covering everything from React hook dependencies and memoization to XSS security and ARIA attributes—it provides structured, actionable feedback with severity ratings and suggested fixes to streamline the development workflow.
Key Features
01Severity-based reporting ranging from suggestions to urgent security fixes.
02Automated 'suggested fix' generation with the ability to apply changes directly.
030 GitHub stars
04Comprehensive performance auditing for re-renders and N+1 query patterns.
05Accessibility (A11y) validation for aria-attributes and semantic HTML.
06Dual review modes for staged git changes or specific targeted files.
Use Cases
01Auditing legacy React components for performance bottlenecks and missing memoization.
02Performing a pre-commit quality gate to catch errors before code reaches peer review.
03Onboarding new developers by providing instant feedback on team coding standards and TypeScript patterns.
