What frameworks does the Frontend Code Review skill support?

This skill is optimized for React and TypeScript projects, specifically supporting React Query for data fetching, twin.macro for styling, and standard i18n libraries for internationalization.

Does it provide code examples for fixes?

Absolutely. For every issue identified, the skill provides a 'Current code' vs 'Suggested fix' snippet along with a reference to the specific pattern or documentation it follows.

Can this skill help with accessibility (A11y)?

Yes, it checks for semantic HTML, proper ARIA label usage, linked input labels, and keyboard navigation support to ensure components are inclusive.

How does it prioritize code review feedback?

Feedback is organized into four tiers: Critical (security or functional breaks), Important (missing states or pattern errors), Suggestions (optimizations), and Positive Feedback (best practices followed).

Teetsh Frontend Code Reviewer

Name: Teetsh Frontend Code Reviewer
Author: teetsh-org

byteetsh-org

Collaboration Tools

Performs expert-level React and TypeScript code reviews with a focus on component architecture, accessibility, and styling patterns.

About

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.

Key Features

Automated check for twin.macro styling usage and theme constant adherence
0 GitHub stars
Structured feedback format with prioritized issues and actionable code diffs
Comprehensive i18n and accessibility (A11y) verification for UI components
Architecture audit for Container vs. Component separation and custom hooks
Validation of React Query implementation including key dependencies and serializers

Use Cases

Auditing legacy components for missing error states, loading skeletons, and accessibility gaps
Onboarding new developers by enforcing project-specific design patterns and styling conventions
Automating pre-merge reviews for complex React/TypeScript pull requests to ensure consistency

About

Key Features

Automated check for twin.macro styling usage and theme constant adherence
0 GitHub stars
Structured feedback format with prioritized issues and actionable code diffs
Comprehensive i18n and accessibility (A11y) verification for UI components
Architecture audit for Container vs. Component separation and custom hooks
Validation of React Query implementation including key dependencies and serializers

Use Cases

Auditing legacy components for missing error states, loading skeletons, and accessibility gaps
Onboarding new developers by enforcing project-specific design patterns and styling conventions
Automating pre-merge reviews for complex React/TypeScript pull requests to ensure consistency