| name | review-frontend |
| user-invocable | true |
| description | フロントエンドコードのレビュー。コンポーネント設計、パフォーマンス、アクセシビリティの観点を重視。 |
Frontend Code Review
フロントエンドコードのレビューを行います。
レビュー観点
コンポーネント設計
- 単一責任の原則
- コンポーネントの粒度
- Props設計の適切さ
- 状態管理の適切さ(ローカル vs グローバル)
パフォーマンス
- 不要な再レンダリング
- メモ化の適切な使用(useMemo, useCallback, React.memo等)
- バンドルサイズへの影響
- 画像・アセットの最適化
- 遅延ロードの活用
アクセシビリティ (a11y)
- セマンティックHTML
- ARIA属性の適切な使用
- キーボード操作対応
- スクリーンリーダー対応
- 色のコントラスト
UX/UI
- ローディング状態の表示
- エラー状態の表示
- レスポンシブ対応
- ユーザーフィードバック
セキュリティ
- XSS対策
- CSRFトークンの取り扱い
- 機密情報のクライアント露出
コード品質
- TypeScript型定義の適切さ
- CSS設計(BEM, CSS Modules, CSS-in-JS等)
- テスタビリティ
出力形式
レビュー結果は以下の形式で出力してください:
## 概要
[全体的な評価]
## 指摘事項
### [重要度: 高/中/低] [カテゴリ]
- ファイル: [ファイルパス:行番号]
- 問題: [問題の説明]
- 提案: [改善案]
## 良い点
[コードの良い点があれば記載]