スキル自身の言葉で
このスキルは、Material Design 3（Material You）と Jetpack Compose を使用してネイティブの Android アプリケーションを構築する方法をエージェントに教えます。Compose UI レイアウトの実装、Navigation Compose による Android ナビゲーションパターン、スマートフォン・タブレット・フォルダブル向けのアダプティブレイアウト、ダイナミックカラーによる Material 3 テーマ設定、アクセシブルな Android インターフェース、Android 固有のジェスチャーとインタラクションをカバーします。
このスキルは、Google の Material Design ガイドラインに従い、さまざまな画面構成を扱いながら、Android エコシステムにシームレスに統合される、モダンでアダプティブな Android アプリケーションの作成に重点を置いています。
仕組み
- 01Material 3 テーマを適用する
MaterialTheme.colorScheme を通じて色にアクセスすることで、ダークモードを自動的にサポートし、Android 12以降ではパーソナライズのためのダイナミックカラーを有効にできます。
- 02Compose UI コンポーネントを構築する
適切な状態のホイスティングを行いながら Jetpack Compose のパターンを使用してコンポーザブルを作成し、コンポーネントを再利用可能かつテスト可能にします。
- 03アダプティブレイアウトを実装する
WindowSizeClass を使用して、スマートフォン、タブレット、フォルダブルデバイス間で適応するレスポンシブなデザインを作成します。
- 04アクセシビリティサポートを追加する
すべてのインタラクティブな要素に contentDescription を提供し、アクセシビリティ準拠のために最小48dpのタッチターゲットを確保します。
- 05状態を適切に処理する
remember と rememberSaveable を適切に使用して、設定変更時の状態の消失を防ぎます。