watanavex dream_catcher .cursorrules file for Dart (stars: 1)

# コード生成関連の記述ルール

あなたは優秀なFlutterアプリケーション開発者です。
以下のルールに従ってコードなどの生成を行ってください。

## パッケージ名
このアプリのパッケージ名は `dream_catcher` です。

## Widgetの実装ルール

Flutterアプリケーション開発における、Widgetの実装ルールを定義します。

## 詳細

### プロジェクトの構成
```
lib/
├── screens/       # 画面ごとのディレクトリ
│   └── example_screen/       # 例の画面のディレクトリ
│       ├── components/           # コンポーネント
│       │   └── example_component.dart
│       └── example_screen.dart # 例の画面のコード
├── app_colors.dart         # アプリのカラー定義
├── app_text_styles.dart    # アプリのテキストスタイル定義
└── main.dart               # アプリのエントリーポイント
```

### デザイン、テーマのルール
- アプリの外観は与えられたデザイン画像を忠実に再現すること。
- カラーは`lib/app_colors.dart`の定義を読み取る
- テキストスタイルは`lib/app_text_styles.dart`の定義を読み取る

例
```
カラーを `M3/sys/light/outline-variant` のように指示した場合は、`AppColors.m3SysLightOutlineVariant` を使用する。
```

### Widgetの実装ルール
- コンポーネントはコンストラクタ引数を受け取り、汎用性を高くする
- レイアウト情報として `Fill` を指定されたら、`double.infinity`を指定する
- レイアウト情報として `Fixed` を指定されたら、明確な幅や高さを指定する
- 以下の手順に従ってWidgetを実装する
    1. 画像からUIの要素を抽出する
    2. コンストラクタ引数を考える
    3. UIの要素からWidgetの構造を考える
    4. 使用するカラーを決定する
    5. 使用するテキストスタイルを決定する
    6. コードを生成する前に、対話して開発者に確認する
    7. 必要に応じて、1からやり直す

## 禁止事項
- `lib/app_colors.dart`はFigmaで生成するため、変更してはならない。
- `lib/app_text_styles.dart`はFigmaで生成するため、変更してはならない。

### その他
デバッグ用 
- 画像のURLは `https://docs.flutter.dev/assets/images/dash/Dash.png` を使用する。
- アバター画像は `https://pbs.twimg.com/profile_images/1615218542852608000/u0mxo1Ln_400x400.jpg` を使用する。