SKILL.md

name: material3-expressive description: Material 3 Expressiveガイドラインに沿ったUI実装を提供するスキル。Jetpack Composeで画面やコンポーネントを作成する際に使用。MotionScheme、新しいExpressiveコンポーネント、テーマ設定のパターンを提供。

Material 3 Expressive UI作成ガイド

Jetpack ComposeでUI作成時は Material 3 Expressive のガイドラインに従う。

必須要件

要件	値
minSdk	23以上
Material3	1.5.0-alpha以上（Expressiveコンポーネント含む）
OptIn	`@OptIn(ExperimentalMaterial3ExpressiveApi::class)`

クイックリファレンス

テーマ設定

MaterialTheme(
    colorScheme = colorScheme,
    typography = typography,
    shapes = shapes,
    motionScheme = MotionScheme.expressive()
) { content() }

推奨コンポーネント

用途	コンポーネント	備考
読み込み表示	`LoadingIndicator`	5秒未満の待機時間用
読み込み表示（コンテナ付き）	`ContainedLoadingIndicator`	-
ボトムツールバー	`DockedToolbar`	BottomAppBarの代替
フローティングツールバー	`FloatingToolbar`	水平・垂直対応
可変ボトムバー	`FlexibleBottomAppBar`	スクロール連動

非推奨 → 代替

非推奨	代替
`BottomAppBar`	`DockedToolbar`
`CircularProgressIndicator`（短時間）	`LoadingIndicator`

ベストプラクティス

MotionScheme.expressive() で流れるようなアニメーション
形状のモーフィングを活用
カラーロールを遵守（アクセシビリティ自動対応）
Android 12+でダイナミックカラーをサポート
Elevationはトーナルカラーオーバーレイで表現

詳細

コンポーネント詳細・テーマ設定: REFERENCE.md
実装例: EXAMPLES.md

スコア

総合スコア

50/100

リポジトリの品質指標に基づく評価

✓SKILL.md

SKILL.mdファイルが含まれている

+20

○LICENSE

ライセンスが設定されている

0/10

○説明文

100文字以上の説明がある

0/10

○人気

GitHub Stars 100以上

0/15

○最近の活動

3ヶ月以内に更新がある

0/10

○フォーク

10回以上フォークされている

0/5

✓Issue管理

オープンIssueが50未満

+5

✓言語

プログラミング言語が設定されている

+5

○タグ

1つ以上のタグが設定されている

0/5

レビュー

💬

レビュー機能は近日公開予定です