review-frontend

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等）
• テスタビリティ

出力形式

レビュー結果は以下の形式で出力してください：

## 概要
[全体的な評価]

## 指摘事項

### [重要度: 高/中/低] [カテゴリ]
- ファイル: [ファイルパス:行番号]
- 問題: [問題の説明]
- 提案: [改善案]

## 良い点
[コードの良い点があれば記載]