tailwind-css

Tailwind CSS

インストールされている Tailwind のバージョンと、リポジトリのトークン、コンポーネント、クラス結合ユーティリティ、CSS エントリーポイント、周辺の UI に従ってください。これらを優先します。依頼とローカルでの必要性がない限り、パッケージの追加、統合方法の変更、バージョンの移行は行わないでください。

ルーティング

• プロジェクトに明確な規則がない場合に限り、コーディングの設定を適用してください。
• v4 の設定、移行、ディレクティブ、生成クラスには、v4 のルールと対応する公式ドキュメントを参照してください。
• tailwind-variants、tw-animate-css、ESLintは、その統合がローカルに存在する場合、または依頼によって追加される場合にのみ参照してください。

古いバージョンのインストールに v4 の構文を適用しないでください。レスポンシブ、インタラクション、アクセシビリティ、ダークモードの動作を維持してください。依頼の範囲を超えて再デザインしないでください。

完了

意図する見た目と状態の変更を定義してください。ローカルの規約を再利用してください。クラスは静的に検出できる状態に保ってください。

ソースの登録や生成マッピングを変更した場合は、実際の Tailwind ビルドを実行し、想定するユーティリティが生成されていることを確認してください。必要なリポジトリチェックを実行し、小規模なスタイル変更では代表的なビューポートで変更後の状態を確認してください。レスポンシブルールや共有スタイルを変更した場合は、狭い画面と広い画面、テーマ、インタラクションまで確認範囲を広げてください。マークアップが JavaScript やコンポーネントライブラリによって変換される場合は、変換後の DOM も確認してください。クラスのテキストレビューだけでは不十分です。その後の編集が確認結果に影響する場合に限り、チェックを繰り返してください。

最後に ### 🎨 Tailwind — ✅ styling updated（または ### 🎨 Tailwind — 🔎 inspected, no files written）と、コードチェックおよび描画確認の根拠を記載してください。確認した状態が 1 つの場合は文章で、複数の場合は簡潔な表で示してください。必要な場合にのみ ### ⚠️ Remaining を追加してください。ソース内の UI 文言と診断メッセージには装飾を加えないでください。