android-design-guidelines

android-design-guidelines スキルの概要

このスキルでできること

android-design-guidelines スキルは、Material Design 3、Jetpack Compose、XML ベースのレイアウトに対応した、実践的な Android UI の判断支援ツールです。ざっくりした UI タスクを、テーマ設定、ナビゲーション、アクセシビリティ、アダプティブレイアウト、主要コンポーネントに関する、Android らしい実装判断へと落とし込むのに役立ちます。

どんな人に向いているか

Android 画面を新規に作成・レビューしている場合、Material You への移行を進めている場合、あるいは一貫性やアクセシビリティを損なうプラットフォーム上のミスを避けたい場合に、android-design-guidelines スキルを使ってください。特に、抽象的なデザイン理論ではなく、android-design-guidelines for UI Design のような実務向けの指針を必要とするプロダクトチームに向いています。

何に最も強いか

このスキルが最も力を発揮するのは、Android UI の振る舞いを具体的に判断したいときです。たとえば、動的カラー、カラー ロール、predictive back、タッチターゲットのサイズ、フォントスケーリング、レスポンシブなレイアウトパターンなどです。Compose と XML の両方をまたいで、実装を見据えた判断が必要なら、汎用的なプロンプトよりも適しています。

android-design-guidelines スキルの使い方

インストールしてルール構造を把握する

まず、スキルマネージャーで使う android-design-guidelines install コマンドを実行し、その後 skills/android のリポジトリ コンテキストを開いてください。個別の画面や機能について相談する前に、SKILL.md を起点に、AGENTS.md、metadata.json、rules/_sections.md を読み、ルール構成を把握しておくとスムーズです。

実際の Android タスクを渡す

このスキルは、画面種別、API レベル、UI ツールキット、制約条件を具体的に伝えるほど良い結果が出ます。たとえば、Android 12 以降向けの Compose テーマ、タブレットアプリのナビゲーションパターン、カスタムコンポーネントのアクセシビリティレビューなどを依頼すると効果的です。「UI を改善して」のような曖昧な指示よりも、たとえば「この Compose の設定画面を Material 3 準拠、dynamic color 対応、TalkBack の問題有無まで含めてレビューして」といった、焦点の定まった android-design-guidelines usage の依頼のほうが強い結果になります。

まず読むべきファイルを見極める

rules/_sections.md で該当カテゴリに移動し、次に SKILL.md の対応するルール समूहと AGENTS.md の注記を確認してください。テーマ設定、ナビゲーション、アクセシビリティに取り組む場合は、これらのセクションが出力の実用性をほぼ決めます。このリポジトリは補助ファイルが多いタイプではないため、主な価値は大きな参考ツリーではなく、ルール本文とセクション索引にあります。

デザイン案だけでなく制約条件を伝える

良い入力には、プラットフォームのバージョン、レイアウトのフォームファクタ、実装スタイルが含まれます。たとえば、「Android 14 の写真アプリ向けに、dynamic color、有効なボトムナビゲーション、大きな文字への対応、カスタムブランドカラーなしで Material 3 Compose 画面を設計して」のように伝えるとよいでしょう。そうすることで、android-design-guidelines スキルは Android の慣例に沿い、見えにくい衝突を避ける判断を返しやすくなります。

android-design-guidelines スキル FAQ

これはデザイン作業だけのためのものですか？

いいえ。android-design-guidelines スキルは、実装に影響するデザイン判断のためのものです。Compose や XML にそのまま落とし込める指針が必要なときに有用で、特に本番アプリでの android-design-guidelines usage に向いています。

普通のプロンプトの代わりに使うべきですか？

Android 固有のミスを減らし、プラットフォームの振る舞いをより一貫させたいなら、このスキルを使ってください。通常のプロンプトでも UI のアイデアは出せますが、dynamic color のフォールバック、タッチターゲットの最小サイズ、ナビゲーションの慣例といった要件を見落としがちです。

初心者でも使いやすいですか？

はい、ただし対象が特定の画面やコンポーネントである場合に限ります。「設定画面を作る」「このアクセシビリティ問題を直す」のように、やることが明確なら使いやすいです。Android の前提知識がまったくない状態では、価値は下がります。

どんなときは使わないほうがいいですか？

Android 以外のデザインシステム、マーケティングサイトのレイアウト、iOS 固有の操作パターンには頼らないでください。また、プラットフォーム制約なしにプロダクト戦略やビジュアル ブランディングを探りたい場合にも、適切なツールではありません。

android-design-guidelines スキルを改善する方法

まずはリスクの高いルール領域から始める

品質改善の効果が最も大きいのは、たいていテーマ設定、ナビゲーション、アクセシビリティの適切さです。android-design-guidelines guide を使うときは、Material You、predictive back、タブレット対応、スクリーンリーダー対応のどれが必要かを明示してください。そうすることで、スキルは正確性に最も影響するルールを優先しやすくなります。

ルールが依存する画面コンテキストを渡す

Compose か XML か、対象 API レベル、スマホかタブレットか、ダークモード要件があるか、カスタム描画を使うのか、それとも標準の Material コンポーネントを使うのか。こうした情報を含めるほど、スキルは一般論ではなく適切な Android パターンを選びやすくなります。

まずレビューを依頼し、その後で詰める

良いワークフローは、最初に実装方針を出してもらい、それを反映したあと、ハードコードされた色、不適切な文字サイズ、弱いフォーカス順、ナビゲーション配置の不備といった違反を第二段階で確認することです。android-design-guidelines skill の出力が最も役立つのはこの段階で、初稿では見落としやすい構造的な問題を拾えます。

具体的な入力で、具体的な修正を引き出す

「アクセシブルにして」ではなく、失敗している内容を具体的に伝えてください。たとえば、「この Compose のカードはアイコンのみのアクション、36dp のタッチターゲット、カスタムの canvas 描画があります。Material 3 準拠のために何を変えるべきか示して」のように伝えると効果的です。問題を実際のルールセットに結びつけられるため、意図を推測させるよりも的確な答えが返ってきます。