react-code-review-patterns
✓React/TypeScript フロントエンド コード レビューのチェックリストとパターンを確認します。次の場合に使用します: (1) React コンポーネントのレビュー、(2) TypeScript のタイプ セーフティのチェック、(3) フックの使用の検証、(4) アクセシビリティ コンプライアンスのチェック。
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 |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/thapaliyabikendra/ai-artifacts --skill react-code-review-patterns- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
react-code-review-patterns とは？
React/TypeScript フロントエンド コード レビューのチェックリストとパターンを確認します。次の場合に使用します: (1) React コンポーネントのレビュー、(2) TypeScript のタイプ セーフティのチェック、(3) フックの使用の検証、(4) アクセシビリティ コンプライアンスのチェック。 ソース: thapaliyabikendra/ai-artifacts。
react-code-review-patterns のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/thapaliyabikendra/ai-artifacts --skill react-code-review-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/thapaliyabikendra/ai-artifacts
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01