·react-code-review-patterns
</>

react-code-review-patterns

thapaliyabikendra/ai-artifacts

Review checklists and patterns for React/TypeScript frontend code reviews. Use when: (1) reviewing React components, (2) checking TypeScript type safety, (3) validating hooks usage, (4) checking accessibility compliance.

2Installs·1Trend·@thapaliyabikendra

Installation

$npx skills add https://github.com/thapaliyabikendra/ai-artifacts --skill react-code-review-patterns

SKILL.md

| 1 | Security | No secrets, XSS prevention, safe innerHTML | | 2 | Type Safety | No any, explicit types, proper generics | | 3 | React Patterns | Hooks rules, component structure, keys | | 4 | Performance | Memoization, bundle size, re-renders | | 5 | Accessibility | ARIA, keyboard nav, semantic HTML |

| Type annotations | Explicit types | any, implicit any | | Generics | Proper constraints | | | Null handling | Strict null checks | ! assertions | | Type guards | Proper narrowing | Type casting | | API types | Generated from schema | Manual types | | Enums | String enums or const objects | Numeric enums |

| Component type | Functional components | Class components | | Props typing | Interface/type for props | Inline types, any | | Default props | Default parameters | defaultProps | | Children | Explicit children prop | Implicit | | Fragments | <> or Fragment | Unnecessary divs | | Keys | Stable, unique keys | Index as key |

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/thapaliyabikendra/ai-artifacts --skill react-code-review-patterns
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is react-code-review-patterns?

Review checklists and patterns for React/TypeScript frontend code reviews. Use when: (1) reviewing React components, (2) checking TypeScript type safety, (3) validating hooks usage, (4) checking accessibility compliance. Source: thapaliyabikendra/ai-artifacts.

How do I install react-code-review-patterns?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/thapaliyabikendra/ai-artifacts --skill react-code-review-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/thapaliyabikendra/ai-artifacts