m3-expressive

SKILL.md

Android Jetpack Compose 向けの Material 3 Expressive 実装ガイド。Google I/O 2025 で発表された最新のデザインシステムアップデートです。

Target Platform: Android API 24+ / Jetpack Compose 1.7+ / Kotlin 1.9+

| MotionScheme | Spring-based animation system | 全体的なアニメーション制御 | | MaterialShapes | 35種類の新しいシェイプ | ボタン、カード、コンポーネント | | Shape Morphing | 形状間のスムーズな遷移 | 押下/選択状態の視覚効果 | | Spatial Specs | 形状・境界変更用アニメーション | コンポーネントのサイズ変更 | | Effects Specs | 色・透明度変更用アニメーション | 色のトランジション |

このスキルは、ユーザーが「マテリアル 3 Expressive の実装」を要求する場合に使用する必要があります。 「スプリングアニメーションを追加する」、「MotionSchemeを使用する」、「表情豊かなボタンを作成する」、 "読み込みインジケーターを追加"、"FAB メニューを実装"、"シェイプ モーフィングを使用"、 "フローティング ツールバーを作成"、"カルーセルを追加"、"ButtonGroup を実装"、 「マテリアルシェイプを使用する」、「鮮やかな FAB を実装する」、「表現力豊かな UI を追加する」、 "マテリアル表現テーマを構成する"、"スプリング物理アニメーションを使用する"、 「マテリアル 3 Expressive を実装」、「スプリングアニメーション」、「MotionScheme を使用」、 「表現力豊かなボタン」、「ローディング方向」、「FABメニュー」、 「シェイプモーフィング」、「フローティングツールバー」、「カルーセル」、 「ButtonGroupを追加」、「マテリアルシェイプを使用」、「Vibrant FAB」、 「マテリアル表現テーマを設定」、「物理ベースアニメーション」、 または資料 3 Android 向け表現力豊かな実装に関するガイダンスが必要です Jetpack Compose を使用すると、MotionScheme、スプリング アニメーション、 形状モーフィング、および Android API 24 以降の新しい表現力豊かなコンポーネント。 ソース: fumiya-kume/toy-poodle-love。

原文を見る