Codex Compose Multiplatform List Screen with Pull Refresh
Plan a Kotlin list screen using the MobileUp CMP template's Scaffold, toolbar, and components for loading and refreshing state.
中文Install in Codex
Open the MobileUp CMP template workspace in Codex. This example uses its AppToolbar, Replica state, and PullRefreshLceWidget.
- Review `.agents/skills/compose-ui/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.agents/skills/compose-ui/` in your project and save the reviewed file as `.agents/skills/compose-ui/SKILL.md`.
- Start Codex from that project's root, then type `$compose-ui` and select the matching skill.
Example task
Outline a product list screen for the template with pull-to-refresh enabled.
{"screen":"ProductList","state":"PagedState","pullRefresh":true,"toolbar":"AppToolbar"}What to check
Use `Scaffold` as the root, `PullRefreshLceWidget` for content and pass in `innerPadding`. Apply the widget's `contentPadding` to the list.
Original SKILL.md on GitHub · Updated
Frequently asked question
Which component fits a detail page that only loads once?
Use `LceWidget` for a detail view or form that needs an initial load. A screen without asynchronous state can skip the loading-state component.