# Build Modern Android Interfaces with Jetpack Compose

Complex Compose applications require consistent patterns for state, navigation, and recomposition. This skill provides focused Kotlin guidance and production-oriented examples for modern Android interfaces.

## Install

```bash
npx skillstore add sickn33/android-jetpack-compose-expert
```

## Metadata

- Status: approved
- Slug: sickn33-android-jetpack-compose-expert
- Skillstore revision: r2
- Version status: missing
- Tree hash: 409a74b1df5b3b6c53b9ce62f1b6518a169737d32ba30a9383890c7e66dcefa2
- Author: sickn33
- GitHub username: sickn33
- License: MIT
- Repository: https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/android-jetpack-compose-expert
- Ref: ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/sickn33-android-jetpack-compose-expert
- Manifest: https://skillstore.pages.dev/api/skills/sickn33-android-jetpack-compose-expert/manifest

## Capabilities

- Recommends Compose dependencies through a Gradle version catalog and BOM.
- Demonstrates ViewModel state exposure with StateFlow and lifecycle-aware collection.
- Separates screen-level state handling from stateless UI components.
- Shows type-safe Navigation Compose destinations and route arguments.
- Identifies common recomposition problems and practical performance patterns.

## Use Cases

- Start a Compose Application: Define dependencies, state ownership, and screen structure for a new Android application.
- Migrate Legacy Screens: Plan how XML screens can become state-driven Composable screens with clear component boundaries.
- Review Compose Performance: Find unstable state, unnecessary recomposition, and expensive work inside Composable functions.

## Prompt Templates

### Create a Basic Screen

```
Create a Jetpack Compose screen for [feature] with loading, content, and error states.
```

### Model Screen State

```
Design a ViewModel and immutable UI state for [feature] using StateFlow and lifecycle-aware collection.
```

### Add Type-Safe Navigation

```
Design type-safe Navigation Compose routes for [screens], including [arguments] and callback-based child components.
```

### Diagnose Recomposition

```
Review this Compose design for unstable parameters, unnecessary recomposition, side-effect errors, and expensive work: [design description].
```

## Limitations

- Dependency versions are examples and may require updates for the target project.
- The guidance does not inspect, compile, or test an Android project automatically.
- Examples omit complete imports, repository implementations, and dependency injection setup.
- Project-specific architecture, accessibility, and device behavior still require validation.

## Best Practices

- Keep mutable state private and expose read-only StateFlow values.
- Pass data and event callbacks to child Composables instead of ViewModel instances.
- Measure recomposition after stabilizing parameters and remembering derived calculations.

## Anti Patterns

- Do not update state directly during the composition phase.
- Do not perform sorting or other expensive work in a Composable body.
- Do not assume example dependency versions match every project.

## Security Audit

- Audited at: 2026-07-23T19:08:45.901\+00:00
- Summary: All 22 static findings are false positives caused by Markdown backticks or ordinary Android terminology. SKILL.md contains instructional Kotlin examples, with no executable shell commands, system reconnaissance, or prompt injection.

## Stats

- Views: 104
- Downloads: 26
- Favorites: 1
- Popularity score: 0