android-compose-components

Name: android-compose-components
Author: fandhe-ai

github.com/fandhe-ai开发447 次安装2 天前更新

代码仓库

关于 android-compose-components

面向 Android 开发者的 Jetpack Compose Material3 组件参考技能，通过任务映射和分类索引查找组件文档，涵盖输入、容器、导航、反馈与主题。

主要功能

01按任务查找组件分类
02覆盖按钮与输入组件
03索引容器、选择器和导航组件
04参考反馈组件与主题配置

适用场景

01实现表单输入与选择控件
02构建对话框、底部表单或导航栏
03添加提示、进度和状态标记
04配置 Material3 主题

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/android-compose-components确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/buttons/

button.md

buttongroup.md

elevatedbutton.md

extendedfloatingactionbutton.md

filledtonalbutton.md

floatingactionbutton.md

floatingactionbuttonmenu.md

iconbutton.md

icontogglebutton.md

outlinedbutton.md

README.md

segmentedbutton.md

splitbutton.md

textbutton.md

togglebutton.md

references/containers/

alertdialog.md

bottomsheetscaffold.md

card.md

carousel.md

dialog.md

divider.md

listitem.md

modalbottomsheet.md

navigationdrawer.md

noninteractivescrollbar.md

pulltorefreshbox.md

README.md

scaffold.md

segmentedlistitem.md

surface.md

详细介绍

来自项目 README

Jetpack Compose Material3 コンポーネントリファレンス

Jetpack Compose Material3 (androidx.compose.material3) コンポーネント API を網羅したスキル。ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。

ディレクトリ構成

skills/android-compose-components/
  SKILL.md
  references/
    buttons/
      README.md
      button.md
      filledtonalbutton.md
      elevatedbutton.md
      outlinedbutton.md
      textbutton.md
      iconbutton.md
      icontogglebutton.md
      floatingactionbutton.md
      extendedfloatingactionbutton.md
      segmentedbutton.md
      splitbutton.md
      buttongroup.md
      floatingactionbuttonmenu.md
      togglebutton.md
    inputs/
      README.md
      checkbox.md
      tristatecheckbox.md
      radiobutton.md
      switch.md
      slider.md
      rangeslider.md
      textfield.md
      outlinedtextfield.md
      securetextfield.md
      scrollfield.md
      rememberscrollfieldstate.md
      searchbar.md
      dockedsearchbar.md
      expandedfullscreensearchbar.md
      expandeddockedsearchbar.md
      dropdownmenu.md
      dropdownmenuitem.md
      exposeddropdownmenubox.md
      exposeddropdownmenu.md
      assistchip.md
      filterchip.md
      inputchip.md
      suggestionchip.md
    pickers/
      README.md
      datepicker.md
      rememberdatepickerstate.md
      datepickerdialog.md
      dateinput.md
      daterangepicker.md
      daterangeinput.md
      rememberdaterangepickerstate.md
      timepicker.md
      timeinput.md
      remembertimepickerstate.md
      timepickerdialog.md
    containers/
      README.md
      card.md
      scaffold.md
      surface.md
      listitem.md
      segmentedlistitem.md
      divider.md
      modalbottomsheet.md
      bottomsheetscaffold.md
      navigationdrawer.md
      alertdialog.md
      dialog.md
      carousel.md
      swipetodismissbox.md
      pulltorefreshbox.md
      tooltipbox.md
      verticaldraghandle.md
      noninteractivescrollbar.md
    navigation-components/
      README.md
      topappbar.md
      topappbarscrollbehavior.md
      bottomappbar.md
      horizontalfloatingtoolbar.md
      verticalfloatingtoolbar.md
      appbarrow.md
      navigationbar.md
      navigationbaritem.md
      shortnavigationbar.md
      shortnavigationbaritem.md
      navigationrail.md
      navigationrailitem.md
      widenavigationrail.md
      widenavigationrailitem.md
      navigationdraweritem.md
      primarytabrow.md
      tab.md
      leadingicontab.md
      appbarcolumn.md
    feedback/
      README.md
      snackbar.md
      snackbarhost.md
      snackbarhoststate.md
      snackbardata.md
      linearprogressindicator.md
      linearwavyprogressindicator.md
      circularprogressindicator.md
      circularwavyprogressindicator.md
      loadingindicator.md
      badge.md
      badgedbox.md
      icon.md
      text.md
    theming/
      README.md
      material-theme.md
      material-expressive-theme.md
      color-scheme.md
      dynamic-color-scheme.md
      typography.md
      shapes.md
      content-color.md
      motion-scheme.md
      surface-tonal-elevation.md
      theme-anatomy.md
      custom-design-system.md
      material2-material3-migration.md
      material-shapes.md

探索手順

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

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

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

タスク	カテゴリ	参照 README
Button / IconButton / FloatingActionButton などの操作ボタンを実装したい	buttons	references/buttons/README.md
SegmentedButton / SplitButton / ButtonGroup でボタン群を作りたい	buttons	references/buttons/README.md
Checkbox / RadioButton / Switch / Slider で選択・切り替え UI を作りたい	inputs	references/inputs/README.md
TextField / OutlinedTextField / SecureTextField でテキスト入力を実装したい	inputs	references/inputs/README.md
SearchBar / DropdownMenu / Chip 系コンポーネントを使いたい	inputs	references/inputs/README.md
DatePicker / DateRangePicker で日付選択 UI、または DisplayMode.Input でキーボード日付入力（DateInput / DateRangeInput ページ）を実装したい	pickers	references/pickers/README.md
TimePicker / TimeInput で時刻選択 UI を実装したい	pickers	references/pickers/README.md
rememberDatePickerState 等の State や DatePickerDialog / TimePickerDialog でダイアログ表示したい	pickers	references/pickers/README.md
Card / Surface / Scaffold / ListItem でコンテンツを表示したい	containers	references/containers/README.md
Dialog / AlertDialog / ModalBottomSheet / BottomSheetScaffold / NavigationDrawer でモーダル・シートを表示したい	containers	references/containers/README.md
Carousel / TooltipBox / SwipeToDismissBox / PullToRefreshBox でジェスチャ付きコンテナを使いたい	containers	references/containers/README.md
TopAppBar / BottomAppBar / FloatingToolbar で画面上下のバーを実装したい	navigation-components	references/navigation-components/README.md
NavigationBar / NavigationRail / ShortNavigationBar で主要ナビゲーションを実装したい	navigation-components	references/navigation-components/README.md
PrimaryTabRow / Tab / LeadingIconTab / AppBarRow / AppBarColumn でタブ・アクション行を実装したい	navigation-components	references/navigation-components/README.md
Snackbar / SnackbarHost / SnackbarHostState でメッセージ通知を実装したい	feedback	references/feedback/README.md
LinearProgressIndicator / CircularProgressIndicator / LoadingIndicator で進捗を表示したい	feedback	references/feedback/README.md
Badge / BadgedBox / Icon / Text で表示要素を組み立てたい	feedback	references/feedback/README.md
MaterialTheme / ColorScheme / Typography / Shapes / MaterialShapes / Dynamic color でテーマをカスタマイズしたい	theming	references/theming/README.md
Material2 から Material3 へ移行したい	theming	references/theming/README.md
レイアウト・状態管理・ジェスチャを扱いたい	—	別スキル `android-compose-ui` の担当
アニメーション・描画を扱いたい	—	別スキル `android-compose-graphics-animation` の担当

支持 Markdown

登录后评论

基本信息

作者: fandhe-ai
仓库: fandhe-ai/agent-reference-skills
分类: 开发
安装次数: 47
GitHub Stars: 4

报告问题