複数ファイル横断実装プロンプト

以下の変更を複数ファイルにまたがって実施してください。

## 変更概要
[変更の全体像を記述]

## 影響範囲
以下のファイルに変更が必要です:
1. [ファイル1]: [変更内容の概要]
2. [ファイル2]: [変更内容の概要]
3. [ファイル3]: [変更内容の概要]

## 依存関係
- [ファイル1] → [ファイル2]（[ファイル1]の型定義を[ファイル2]がimport）
- [ファイル2] → [ファイル3]（[ファイル2]のコンポーネントを[ファイル3]が使用）

## 実装順序（この順番で進めること）
1. まず [型定義ファイル] を更新 → ビルド確認
2. 次に [ユーティリティ] を更新 → ビルド確認
3. 次に [コンポーネント] を更新 → ビルド確認
4. 最後に [ページ] を更新 → 全体ビルド確認

## 各ステップの完了条件
- TypeScript のコンパイルエラーが 0 であること
- 既存機能が壊れていないこと
- 新規コードにJSDocコメントがあること

## ロールバック計画
- 問題発生時は直前のステップまで戻す
- 各ステップ完了時にコミットすること