# Jetpack Compose > Android's recommended modern toolkit for building native UI Use when this capability is needed. - Skill: `tomevault-io/jetpack-compose` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/jetpack-compose` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/jetpack-compose/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/jetpack-compose --- # Jetpack Compose Skill ## Best Practices 1. **State Hoisting**: Move state up to the caller to make composables stateless and reusable. 2. **Side Effects**: Use `LaunchedEffect` or `DisposableEffect` for side effects. Never run them directly in the function body. 3. **Stability**: Ensure classes used in params are `@Stable` or `@Immutable` to skip unnecessary recompositions. ## Common Pitfalls * **Excessive Recomposition**: Reading state too high up or not using keys in LazyColumns. * **Context**: Holding references to Activity Context inside Composables (Leak risk). ## References * [Compose Documentation](https://developer.android.com/jetpack/compose) --- > Converted and distributed by [TomeVault](https://tomevault.io/claim/sami) — claim your Tome and manage your conversions.