Rechercher

PythonReactSEOPDF
GitHub Skill

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".

shoheikawano☆ 3 Étoiles du dépôt0 Forks du dépôt

Installation

Suivez les instructions du dépôt pour votre agent. Consultez les fichiers et dépendances avant l’installation.

Voir la source ↗Guides

Instructions

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

  1. Analyze request - UI only? Needs ViewModel? Needs tests?
  2. Check existing code - Match project patterns
  3. Generate/delegate:
    • Simple UI component → generate inline
    • Screen with state → invoke /compose-state-generator then generate UI
    • Tests requested → invoke /compose-test-generator
  4. 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

  1. Unidirectional Data Flow - State flows down, events flow up
  2. Single Source of Truth - One owner for each piece of state
  3. Composition over Inheritance - Small, focused composables
  4. Modifier as Last Parameter - Always accept and apply Modifier
  5. 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)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!