android-compose-creator
Generate Android/Kotlin Multiplatform code using Jetpack Compose and Compose Multiplatform (CMP). Use when: (1) Creating new Compose UI components, (2) Building screens with Compose, (3) Implementing state management in Compose, (4) Writing Compose Multiplatform shared UI, (5) Reviewing or refactoring Compose code, (6) Any Android/KMP UI development task. Triggers: "compose", "android ui", "kotlin multiplatform", "CMP", "jetpack compose", "composable", "@Composable", "Material3", "screen", "component".
Installation
Suivez les instructions du dépôt pour votre agent. Consultez les fichiers et dépendances avant l’installation.
Voir la source ↗GuidesInstructions
Android Compose Creator
Orchestrator for Compose Multiplatform code generation. Can delegate to specialized sub-skills.
Coding Standards
MANDATORY: This skill follows kotlin-compose-standards. All generated code MUST comply with these standards:
- Trailing comma EXCEPT for Modifier arguments
- Parameter order: required → Modifier → optional
- Modifier passed last when calling composables
- Each Modifier method on its own line
- New line at end of file
Sub-Skills
| Skill | When to Delegate |
|---|---|
/compose-state-generator |
ViewModel, UiState, StateFlow patterns |
/compose-test-generator |
UI tests, screenshot tests |
Workflow
- Analyze request - UI only? Needs ViewModel? Needs tests?
- Check existing code - Match project patterns
-
Generate/delegate:
- Simple UI component → generate inline
- Screen with state → invoke
/compose-state-generatorthen generate UI - Tests requested → invoke
/compose-test-generator
- Verify - Run build if requested
Quick Reference
Composable Function Naming
// DO: PascalCase for UI-emitting composables
@Composable
fun ProfileCard(user: User, modifier: Modifier = Modifier) { }
// DO: camelCase for value-returning composables
@Composable
fun rememberProfileState(): ProfileState { }
Standard Parameter Order
@Composable
fun Component(
// 1. Required parameters
title: String,
onClick: () -> Unit,
// 2. Modifier parameter
modifier: Modifier = Modifier,
// 3. Optional parameters with defaults
enabled: Boolean = true,
) { }
State Hoisting Pattern
// Stateless (preferred for reusability)
@Composable
fun Counter(
count: Int,
onIncrement: () -> Unit,
modifier: Modifier = Modifier,
) { }
// Stateful wrapper
@Composable
fun Counter(modifier: Modifier = Modifier) {
var count by remember { mutableStateOf(0) }
Counter(
count = count,
onIncrement = { count++ },
modifier = modifier // Modifier last when calling, no trailing comma
)
}
References
Load these based on the task:
| File | When to Read |
|---|---|
| composables.md | Writing any composable function |
| state-management.md | State, remember, side effects |
| architecture.md | Screen architecture, ViewModel integration |
| performance.md | Optimizing recomposition, lazy lists |
| multiplatform.md | CMP expect/actual, platform-specific code |
| testing.md | Writing UI tests for composables |
Core Principles
- Unidirectional Data Flow - State flows down, events flow up
- Single Source of Truth - One owner for each piece of state
- Composition over Inheritance - Small, focused composables
- Modifier as Last Parameter - Always accept and apply Modifier
- Stateless by Default - Hoist state to callers when possible
Exemples
Consultez les exemples du dépôt source.
Voir la source ↗Historique source
- Date d’indexation
- 2026-01-20
- Mise à jour de l’index
- 2026-01-26
- Branch
- main
Les dates concernent ce répertoire. Consultez le dépôt pour l’historique du code.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!