skills.rest
eric-sabe
eric-sabeCOMMUNITY
Explore all skills by this author →
GitHub

jetpack-compose

Review Jetpack Compose composables for state hoisting and Material 3 compliance.

1|Updated Jun 24, 2026
Search Tags:#jetpack compose#recomposition#android ui#material 3#android development#compose state#compose performance
One-click install
npx skills add https://github.com/eric-sabe/engsys --skill jetpack-compose-eric-sabe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: jetpack-compose
Source: https://github.com/eric-sabe/engsys/tree/main/stacks/lang/kotlin/skills/jetpack-compose
Command: npx skills add https://github.com/eric-sabe/engsys --skill jetpack-compose-eric-sabe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Jetpack Compose Android UI development frequently encounters bugs from incorrect recomposition, unstable state management, improper side-effect API usage, and non-compliant Material 3 implementation, leading to crashes, janky performance, and inconsistent user experiences. This skill provides clear, up-to-date guidance to resolve these issues and build production-ready Compose UIs.

Core Features & Use Cases

  • Correct Composition & State Management: Best practices for state hoisting, remember/rememberSaveable, derivedStateOf, and avoiding common recomposition pitfalls to ensure UI stability.
  • Side-Effect API Guidance: Clear rules for using LaunchedEffect, DisposableEffect, and other official effect APIs to prevent memory leaks and unexpected behavior.
  • Material 3 & Performance Optimization: Instructions for implementing Material 3 theming, dynamic color, and optimizing Compose performance for smooth, efficient UIs. For example, use this skill when building a new Android screen with a scrolling list to ensure the list performs well, state survives configuration changes, and data loading side effects are handled correctly.

Quick Start

Use the jetpack-compose skill to review your @Composable function for correct state hoisting, proper side-effect API usage, and Material 3 theming compliance.

Frequently Asked Questions about jetpack-compose

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix Jetpack Compose recomposition bugs and performance degradation?▼

Fix Jetpack Compose recomposition bugs by enforcing correct state hoisting, stabilizing state management with rememberSaveable, and using derivedStateOf to prevent unnecessary recomposition in your Android UI.

What is the correct way to use side-effect APIs like LaunchedEffect in Android Compose?▼

Use side-effect APIs like LaunchedEffect and DisposableEffect in Android Compose to handle lifecycle-aware operations, ensuring you cancel long-running tasks and prevent memory leaks during configuration changes.

How do I implement Material 3 theming in Jetpack Compose?▼

Implement Material 3 theming in Jetpack Compose by applying the current Material 3 design system standards, configuring dynamic color schemes, and ensuring your @Composable functions comply with the 2025.x Compose BOM.

Why does my Compose scrolling list perform poorly and lose state on configuration change?▼

Your Compose scrolling list performs poorly and loses state due to improper state hoisting and unoptimized recomposition, which you fix by applying rememberSaveable and collecting lifecycle-aware Flows correctly.

How do I integrate ViewModels with Jetpack Compose for production Android apps?▼

Integrate ViewModels with Jetpack Compose by collecting lifecycle-aware Flows within your @Composable functions, ensuring proper state management and side-effect handling compliant with the latest Compose BOM standards.

Related Skills

Explore More Software Engineering Skills→
krutikJainkrutikJain
14

android-compose-foundations

Create Android UI layouts and themes using Jetpack Compose components.

Community
Intermediate
po4ykapo4yka
58

android-compose-patterns

Standardize Jetpack Compose UI architecture with Route/Screen separation and StateFlow.

Community
Intermediate
decoutkhanqindevdecoutkhanqindev
8

collecting-flows-safely

Migrate Compose UI flow collection to lifecycle-aware operators.

Community
Intermediate
yash-gargyash-garg

migrate-xml-views-to-jetpack-compose

Convert Android XML View layouts into Jetpack Compose components.

Community
Advanced