Jetpack compose

Skill GDvega/super-android-kotlin-firebase-skill/skills/jetpack-compose

A modular Agent Skills repository for Android, Kotlin, Jetpack Compose and Firebase development.

Install

npx -y skills add GDvega/super-android-kotlin-firebase-skill --skill jetpack-compose

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Use for Jetpack Compose screens, Route + Screen structure, state hoisting, remember, rememberSaveable, ViewModel + StateFlow, Material 3, Navigation, previews, adaptive UI and basic accessibility.

SKILL.md

3.0 KB, as published. Nobody here has run it

Purpose

Build Compose UI that is maintainable, state-driven, accessible and aligned with Material 3.

When to use

Creating or refactoring a Compose screen.
Connecting ViewModel and StateFlow to UI.
Adding Navigation, previews, adaptive layouts or accessibility semantics.

Inputs to inspect

Composable files, UI state and ViewModel.
Theme/design system and Material 3 usage.
Navigation graph and route parameters.
Preview and UI test setup.

Required workflow

Define UI state and user events.
Create a Route composable for ViewModel and navigation wiring.
Create a stateless Screen composable that renders state.
Add previews for loading, empty, content and error states.
Add semantics and tests for the critical flow.

Rules

Use Route + Screen for stateful screens.
Hoist state and keep reusable components stateless.
Do not perform network, database or Firebase calls in Composables.
Use Material 3 theme tokens.
Add stable keys for lazy lists.

Related existing skills

Local skills to invoke

kotlin-core
accessibility
compose-performance
edge-to-edge-adaptive-ui
ui-state-design

External companion skills to use when installed

Do not assume these companion skills are installed. Prefer the local skills above first, then consult Companion Skills for install and verification commands.

aldefy/compose-skill — use for deeper Jetpack Compose, Material 3, design-to-code, theming or Compose architecture guidance.

Files commonly touched

feature/*/*Screen.kt
feature/*/*Route.kt
feature/*/*ViewModel.kt
navigation files
ui/theme files
androidTest Compose tests

Commands to validate

./gradlew assembleDebug
./gradlew test
./gradlew connectedDebugAndroidTest

Common mistakes to avoid

Passing ViewModel into reusable leaf components.
Using remember for business state that belongs in ViewModel.
Missing previews for error/empty states.
Ignoring semantics, content descriptions and font scale.

Checklist

Route and Screen separated.
State hoisted.
Material 3 used.
Previews added.
Accessibility and UI tests considered.

Example prompts

Use $super-android-kotlin-firebase to create a weekly budget Compose screen.
Use $super-android-kotlin-firebase to refactor this Compose screen into Route + Screen.

Expected response style

Respond with: brief diagnosis, change plan, affected files, code or diff summary, validation commands, tests added or recommended, risks, and next step. For review tasks, lead with findings ordered by severity.

References

../../docs/audits/FUENTES_LOCALES.md
references/compose-state-patterns.md
references/navigation-patterns.md
templates/route-screen-viewmodel-template.md