Jetpack Compose Material3 (androidx.compose.material3A skill covering the component API.
Depending on the user's task, read the appropriate README.md and follow it to the individual files.
Directory structure
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
daterangepicker.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
Exploration procedure
Derive the category from the task, and identify the target page in the category's README.md:
- Find the category corresponding to the task in the mapping table below
- In that category,
references/{category}/README.mdRefer to this to identify the target page - Read the
.mdof the relevant page to check the details
Task → Category Mapping
| Task | Category | Reference README |
|---|---|---|
| Want to implement action buttons such as Button / IconButton / FloatingActionButton | buttons | references/buttons/README.md |
| Want to create button groups with SegmentedButton / SplitButton / ButtonGroup | buttons | references/buttons/README.md |
| Want to create selection/toggle UI with Checkbox / RadioButton / Switch / Slider | inputs | references/inputs/README.md |
| Want to implement text input with TextField / OutlinedTextField / SecureTextField | inputs | references/inputs/README.md |
| Want to use SearchBar / DropdownMenu / Chip-family components | inputs | references/inputs/README.md |
| Want to implement a date selection UI with DatePicker / DateRangePicker | pickers | references/pickers/README.md |
| Want to implement a time selection UI with TimePicker / TimeInput | pickers | references/pickers/README.md |
| Want to display dialogs with State such as rememberDatePickerState or with DatePickerDialog / TimePickerDialog | pickers | references/pickers/README.md |
| Want to display content with Card / Surface / Scaffold / ListItem | containers | references/containers/README.md |
| Want to display modals/sheets with Dialog / AlertDialog / ModalBottomSheet / BottomSheetScaffold / NavigationDrawer | containers | references/containers/README.md |
| Want to use gesture-enabled containers with Carousel / TooltipBox / SwipeToDismissBox / PullToRefreshBox | containers | references/containers/README.md |
| Want to implement top and bottom bars with TopAppBar / BottomAppBar / FloatingToolbar | navigation-components | references/navigation-components/README.md |
| Want to implement primary navigation with NavigationBar / NavigationRail / ShortNavigationBar | navigation-components | references/navigation-components/README.md |
| Want to implement tabs/action rows with PrimaryTabRow / Tab / LeadingIconTab / AppBarRow / AppBarColumn | navigation-components | references/navigation-components/README.md |
| Want to implement message notifications with Snackbar / SnackbarHost / SnackbarHostState | feedback | references/feedback/README.md |
| Want to display progress with LinearProgressIndicator / CircularProgressIndicator / LoadingIndicator | feedback | references/feedback/README.md |
| Want to assemble display elements with Badge / BadgedBox / Icon / Text | feedback | references/feedback/README.md |
| Want to customize the theme with MaterialTheme / ColorScheme / Typography / Shapes / MaterialShapes / Dynamic color | theming | references/theming/README.md |
| Want to migrate from Material2 to Material3 | theming | references/theming/README.md |
| Want to handle layout, state management, and gestures | — | Another skill android-compose-ui is responsible for this |
| Want to handle animation and drawing | — | Another skill android-compose-graphics-animation is responsible for this |