Best practices for implementing Android ViewModels, specifically focused on StateFlow for UI state and SharedFlow for one-off events.
Install with the open skills CLI (global, non-interactive — available in every Claude Code session):
npx skills add new-silvermoon/awesome-android-agent-skills --skill "android-viewmodel" -g -a claude-code -yOr manually — copy the SKILL.md below into:
~/.claude/skills/android-viewmodel/SKILL.md---
name: android-viewmodel
description: Best practices for implementing Android ViewModels, specifically focused on StateFlow for UI state and SharedFlow for one-off events.
---
# Android ViewModel & State Management
## Instructions
Use `ViewModel` to hold state and business logic. It must outlive configuration changes.
### 1. UI State (StateFlow)
* **What**: Represents the persistent state of the UI (e.g., `Loading`, `Success(data)`, `Error`).
* **Type**: `StateFlow<UiState>`.
* **Initialization**: Must have an initial value.
* **Exposure**: Expose as a read-only `StateFlow` backing a private `MutableStateFlow`.
```kotlin
private val _uiState = MutableStateFlow<UiState>(UiState.Loading)
val uiState: StateFlow<UiState> = _uiState.asStateFlow()
```
* **Updates**: Update state using `.update { oldState -> ... }` for thread safety.
### 2. One-Off Events (SharedFlow)
* **What**: Transient events like "Show Toast", "Navigate to Screen", "Show Snackbar".
* **Type**: `SharedFlow<UiEvent>`.
* **Configuration**: Must use `replay = 0` to prevent events from re-triggering on screen rotation.
```kotlin
private val _uiEvent = MutableSharedFlow<UiEvent>(replay = 0)
val uiEvent: SharedFlow<UiEvent> = _uiEvent.asSharedFlow()
```
* **Sending**: Use `.emit(event)` (suspend) or `.tryEmit(event)`.
### 3. Collecting in UI
* **Compose**: Use `collectAsStateWithLifecycle()` for `StateFlow`.
```kotlin
val state by viewModel.uiState.collectAsStateWithLifecycle()
```
For `SharedFlow`, use `LaunchedEffect` with `LocalLifecycleOwner`.
* **Views (XML)**: Use `repeatOnLifecycle(Lifecycle.State.STARTED)` within a coroutine.
### 4. Scope
* Use `viewModelScope` for all coroutines started by the ViewModel.
* Ideally, specific operations should be delegated to UseCases or Repositories.
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Roleplay the most difficult, tech-resistant user for your product. Browse the app as that persona, find every UX pain point, then filter complaints through a pragmatism layer to separate real problems from noise. Creates actionable tickets from genuine issues only.
ASCII video: convert video/audio to colored ASCII MP4/GIF.