01
このSkillでできること
- ✓Jetpack ComposeやXMLレイアウトでAndroid UIを設計する
- ✓Material Youや動的カラーを用いたテーマ設計を支援する
- ✓画面サイズに応じたナビゲーション構成を検討する
- ✓アクセシビリティ、権限、システム連携のチェックを行う
02
使い方
01
STEP 1
対象画面、利用するUI技術、対応する画面サイズを提示する
02
STEP 2
動的カラー、ダークテーマ、タイポグラフィなどの要件を指定する
03
STEP 3
ナビゲーションやダイアログなど、確認したい設計箇所を明示する
04
STEP 4
生成結果をMaterial Design 3のルールとチェックリストで確認する
03
Skillのインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/ehmo/platform-design-skills04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
Jetpack ComposeでAndroid 12以降に対応する設定画面を設計してください。MaterialThemeのカラーロールと動的カラーを使い、アクセシブルなタッチターゲット、画面サイズに応じたナビゲーション、権限要求の適切なタイミングを考慮してください。出力例を見る
設計方針：動的カラーを既定のテーマ戦略として使用し、色はMaterialTheme.colorSchemeの意味的ロールから指定します。コンパクト画面ではNavigationBar、中・広い画面ではNavigation Railを検討します。テキストはsp、タッチターゲットは最小48dpとし、重要な確認以外にはダイアログを使いません。05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
- network: The Psychology of Human-Computer Interaction* (1983) — https://archive.org/details/psychologyofhuma0000card - Allen Newell and Stuart K. Card, *Prospects
- network: el Human Processor summary and operating principles) — https://iiif.library.cmu.edu/file/Newell_box00042_fld03533_doc0001/Newell_box00042_fld03533_doc000
06