Is accessibility (a11y) included in the review?

Yes, the skill identifies missing ARIA labels, improper form labels, non-interactive element handlers, and color-only status indicators.

How does this skill improve TypeScript safety?

It identifies dangerous 'as any' assertions, non-null assertions (!), and missing error handling in async code to prevent runtime crashes.

Can it detect React-specific performance issues?

Yes, it flags missing useMemo/useCallback hooks, unnecessary state updates, and inefficient list rendering that causes excessive re-renders.

Does it cover web security vulnerabilities?

Absolutely. It checks for XSS vectors like un-sanitized dangerouslySetInnerHTML, insecure logging of sensitive data, and missing CSRF protection.

TypeScript & React Code Reviewer

Name: TypeScript & React Code Reviewer
Author: jpoutrin

byjpoutrin

•

コラボレーションツール

Reviews TypeScript and React code to identify security vulnerabilities, type safety issues, performance bottlenecks, and accessibility gaps.

概要

The typescript-code-review skill empowers Claude to act as a senior frontend engineer during the code review process. It specializes in identifying deep-seated issues within TypeScript and React applications, ranging from critical security vulnerabilities like XSS and CSRF to subtle React anti-patterns such as stale closures in hooks or inefficient list rendering. By providing a structured framework for auditing type safety, performance, and accessibility (a11y), this skill ensures that code changes adhere to modern best practices, reducing technical debt and preventing runtime errors before they reach production.

主な機能

Accessibility checks for ARIA labels, keyboard navigation, and form labeling
Performance optimization for memoization and efficient imports
5 GitHub stars
Type safety verification to flag unsafe assertions and unhandled promises
React lifecycle analysis for missing dependencies and memory leaks
Security auditing for XSS, CSRF, and sensitive data exposure in logs

ユースケース

Pre-deployment security and accessibility audits for frontend applications
Refactoring legacy JavaScript or React components to modern, type-safe standards
Automating pull request reviews to maintain high code quality standards

概要

主な機能

Accessibility checks for ARIA labels, keyboard navigation, and form labeling
Performance optimization for memoization and efficient imports
5 GitHub stars
Type safety verification to flag unsafe assertions and unhandled promises
React lifecycle analysis for missing dependencies and memory leaks
Security auditing for XSS, CSRF, and sensitive data exposure in logs

ユースケース

Pre-deployment security and accessibility audits for frontend applications
Refactoring legacy JavaScript or React components to modern, type-safe standards
Automating pull request reviews to maintain high code quality standards