The Teetsh Frontend Code Review skill provides an automated, standardized process for evaluating React and TypeScript pull requests. It ensures adherence to specific project patterns including Container/Component separation, React Query best practices, twin.macro styling, and internationalization. By categorizing feedback into critical, important, and suggestive tiers, it helps developers maintain high code quality, catch security risks, and ensure accessibility compliance before merging. The skill provides actionable 'current vs. suggested' code examples to streamline the remediation process.
主な機能
01Automated check for twin.macro styling usage and theme constant adherence
020 GitHub stars
03Structured feedback format with prioritized issues and actionable code diffs
04Comprehensive i18n and accessibility (A11y) verification for UI components
05Architecture audit for Container vs. Component separation and custom hooks
06Validation of React Query implementation including key dependencies and serializers
ユースケース
01Auditing legacy components for missing error states, loading skeletons, and accessibility gaps
02Onboarding new developers by enforcing project-specific design patterns and styling conventions
03Automating pre-merge reviews for complex React/TypeScript pull requests to ensure consistency
