mcpField
A
android-compose-ui

android-compose-ui

github.com/fandhe-ai開発447 回インストール2 日前に更新
リポジトリ

android-compose-ui について

android-compose-uiは、Jetpack ComposeでUIを構築するAndroid開発者向けの参照スキルです。Composeの基礎、状態、レイアウト、アダプティブUI、テキスト入力、操作に関する公式資料をタスク別に整理します。

主な機能

  1. 01タスク別の参照カテゴリ案内
  2. 02Composable、Modifier、状態の資料
  3. 03レイアウトとアダプティブUIの参照資料
  4. 04テキスト入力と操作のガイド

活用シーン

  1. 01再コンポジションと状態の理解
  2. 02Composeレイアウトによる要素配置
  3. 03アダプティブなマルチペインUIの構築
  4. 04テキスト入力、ジェスチャー、アクセシビリティへの対応

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/fandhe-ai/agent-reference-skills --skill android-compose-ui

インストール後、Claude Code で/android-compose-uiを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/adaptive-layout/
animated-pane.md
back-navigation-behavior.md
canonical-layouts.md
folding-feature.md
list-detail-pane-scaffold.md
navigable-list-detail-pane-scaffold.md
navigable-supporting-pane-scaffold.md
navigation-suite-scaffold.md
pane-adapted-value.md
pane-scaffold-directive.md
posture.md
README.md
supporting-pane-scaffold.md
three-pane-scaffold-navigator.md
window-adaptive-info.md
window-info-tracker.md
window-size-class.md
references/fundamentals/
composable-functions.md
compositionlocalof.md
compositionlocalprovider.md
custom-modifiers.md
modifier.md
movablecontentof.md
phases.md
README.md
recomposition.md
snapshotmutationpolicy.md
stability.md
staticcompositionlocalof.md
references/layout/
alignment-lines.md

詳細

プロジェクトの README より

Android Compose UI リファレンス

Jetpack Compose (androidx.compose) の UI 基盤に関する公式ドキュメントを蒸留したスキル。 ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。

対象バージョン: Compose BOM 2026.09.00（compose foundation / foundation-layout / ui / ui-text / runtime 1.12.1、material3.adaptive 1.3.0）。Compose 1.12 は compileSdk 37、AGP 9.2.0 以降が必要。1.13 系（最新 1.13.0-beta01）はプレリリースのため各ページ Notes の 1 行記載のみ（出典: https://developer.android.com/develop/ui/compose/bom/bom-mapping 、取得 2026-10-16）。

ディレクトリ構成

skills/android-compose-ui/
  SKILL.md
  references/
    fundamentals/
      README.md
      composable-functions.md
      recomposition.md
      modifier.md
      phases.md
      compositionlocalof.md
      staticcompositionlocalof.md
      compositionlocalprovider.md
      snapshotmutationpolicy.md
      movablecontentof.md
      custom-modifiers.md
      stability.md
    state-lifecycle/
      README.md
      remember.md
      remembersaveable.md
      mutablestateof.md
      mutablestatelistof.md
      mutablestatemapof.md
      mutablestatesetof.md
      mutablestate.md
      state.md
      derivedstateof.md
      snapshotflow.md
      producestate.md
      collectasstate.md
      rememberupdatedstate.md
      launchedeffect.md
      disposableeffect.md
      sideeffect.md
      remembercoroutinescope.md
      saver.md
      state-hoisting.md
      state-lifespans.md
    layout/
      README.md
      column.md
      row.md
      box.md
      spacer.md
      boxwithconstraints.md
      arrangement-alignment.md
      intrinsicsize.md
      modifier-layout.md
      lazycolumn.md
      lazyrow.md
      lazy-list-scope.md
      rememberlazyliststate.md
      lazy-layout-cache-window.md
      lazyverticalgrid.md
      lazyhorizontalgrid.md
      lazyverticalstaggeredgrid.md
      pager.md
      flow-layout.md
      constraintlayout.md
      layout.md
      subcomposelayout.md
      scroll.md
      alignment-lines.md
      intrinsic-measurements.md
      visibility-tracking.md
      flexbox-grid.md
      styles.md
      media-query.md
    adaptive-layout/
      README.md
      window-size-class.md
      window-adaptive-info.md
      posture.md
      pane-scaffold-directive.md
      list-detail-pane-scaffold.md
      navigable-list-detail-pane-scaffold.md
      supporting-pane-scaffold.md
      navigable-supporting-pane-scaffold.md
      three-pane-scaffold-navigator.md
      back-navigation-behavior.md
      animated-pane.md
      pane-adapted-value.md
      navigation-suite-scaffold.md
      folding-feature.md
      window-info-tracker.md
      canonical-layouts.md
    text-input/
      README.md
      basictext.md
      basicmarquee.md
      basictextfield.md
      textfieldstate.md
      annotatedstring.md
      spanstyle.md
      paragraphstyle.md
      textstyle.md
      fontfamily.md
      textalign.md
      keyboardoptions.md
      visualtransformation.md
      selectioncontainer.md
      textmeasurer.md
      autofill.md
      clipboard.md
      emoji.md
    touch-input/
      README.md
      clickable.md
      combined-clickable.md
      pointer-input.md
      detect-tap-gestures.md
      detect-drag-gestures.md
      detect-transform-gestures.md
      draggable.md
      anchored-draggable.md
      scrollable.md
      nested-scroll.md
      transformable.md
      toggleable.md
      selectable.md
      interaction-source.md
      indication.md
      focusable.md
      keyboard-input.md
      hover.md
      semantics.md
      test-tag.md
      haptic-feedback.md
      drag-and-drop.md
      stylus-input.md

探索手順

タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:

  1. 下記マッピング表でタスクに対応するカテゴリを探す
  2. そのカテゴリの references/{category}/README.md を参照して目的のページを特定する
  3. 該当ページの .md を Read して詳細を確認する

タスク → カテゴリ マッピング

タスクカテゴリ参照 README
@Composable 関数の設計・再コンポジションの仕組みを知りたいfundamentalsreferences/fundamentals/README.md
Modifier チェーンの挙動・順序を確認したいfundamentalsreferences/fundamentals/README.md
CompositionLocal でスコープ内に値を伝搬したいfundamentalsreferences/fundamentals/README.md
remember / mutableStateOf で状態を保持したいstate-lifecyclereferences/state-lifecycle/README.md
LaunchedEffect / DisposableEffect / SideEffect で副作用を扱いたいstate-lifecyclereferences/state-lifecycle/README.md
Flow / StateFlow を Compose の State に変換したい（collectAsState / produceState / snapshotFlow）state-lifecyclereferences/state-lifecycle/README.md
Column / Row / Box で子要素を並べたいlayoutreferences/layout/README.md
LazyColumn / LazyRow / LazyVerticalGrid で大量データをスクロール表示したいlayoutreferences/layout/README.md
LazyLayoutCacheWindow で LazyColumn / LazyVerticalGrid のプリフェッチ・キャッシュを調整したいlayoutreferences/layout/README.md
HorizontalPager / FlowRow / ConstraintLayout / カスタム Layout を使いたいlayoutreferences/layout/README.md
Style / StyleScope で CSS ライクに状態別スタイルを定義したい、mediaQuery で環境シグナルに応じて UI を切り替えたいlayoutreferences/layout/README.md
WindowSizeClass で画面幅に応じたレイアウトを切り替えたいadaptive-layoutreferences/adaptive-layout/README.md
ListDetailPaneScaffold / SupportingPaneScaffold でマルチペイン UI を作りたいadaptive-layoutreferences/adaptive-layout/README.md
折りたたみデバイスの FoldingFeature / Posture に対応したいadaptive-layoutreferences/adaptive-layout/README.md
BasicText / BasicTextField でテキスト表示・入力を実装したいtext-inputreferences/text-input/README.md
AnnotatedString / SpanStyle / TextStyle でリッチテキストを装飾したいtext-inputreferences/text-input/README.md
KeyboardOptions / IME アクション・入力変換を制御したいtext-inputreferences/text-input/README.md
Modifier.clickable / combinedClickable でタップを処理したいtouch-inputreferences/touch-input/README.md
detectDragGestures / draggable / transformable でジェスチャを扱いたいtouch-inputreferences/touch-input/README.md
Modifier.focusable / semantics / testTag でフォーカス・アクセシビリティ・テストを扱いたいtouch-inputreferences/touch-input/README.md
Material3 コンポーネント（Button/Card/TextField 等）を使いたい-android-compose-components スキルの担当
アニメーション・描画を扱いたい-android-compose-graphics-animation スキルの担当

コメント

Markdown 対応