android-coil-compose
Installation
SKILL.md
Android Coil Compose
When To Use
- Use this skill when the request is about: coil compose image loading, asyncimage android compose, rememberasyncimagepainter android.
- Primary outcome: Use Coil in Jetpack Compose with
AsyncImage, painter variants, sizing, and accessible image loading patterns. - Reach for this skill when the work is specifically about image loading, placeholders, error states, sizing, or list performance in Compose.
- Read
references/patterns.mdfor theAsyncImagevs painter vs subcomposition decision guide. - Read
references/scenarios.mdfor list-performance and screenshot-stable validation paths. - Handoff skills when the scope expands:
android-compose-foundationsandroid-compose-performance
Workflow
- Identify whether the UI needs a simple image surface, low-level painter access, or custom slot-based loading states.
- Prefer
AsyncImagefirst, then drop down to painter APIs only when the component truly needs them. - Constrain size, placeholders, and content description so the image behavior is both performant and accessible; for painter APIs, supply an explicit size resolver when needed.
- Check list rendering, state churn, and visual fallbacks before considering the implementation done, and confirm that remote data or decoder modules are actually present when the source type needs them.
- Hand off general Compose layout or broader performance issues to the neighboring skills after the image pipeline is stable.