compose-recomposition-performance

Diagnose Jetpack Compose recomposition causes across parameter stability, state reads, and back-writing.

1|Updated Apr 2, 2026
One-click install
npx skills add https://github.com/leogallego/ansible-jane --skill compose-recomposition-performance-leogallego
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-recomposition-performance
Source: https://github.com/leogallego/ansible-jane/tree/main/skills/compose-recomposition-performance
Command: npx skills add https://github.com/leogallego/ansible-jane --skill compose-recomposition-performance-leogallego

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Jetpack Compose recomposition can cause unnecessary re-renders, leading to choppy UI and wasted CPU cycles. This skill helps you identify the root causes of recomposition spikes and guides targeted fixes.

Core Features & Use Cases

  • Axis-based diagnostics to distinguish parameter stability, state reads timing, and cross-phase back-writing.
  • Reproduction-guided analysis: reproduce transitions (focus moves, scrolls) and measure recomposition counts to locate hotspots.
  • Guided remediation: provide actionable steps to reduce recompositions and stabilize UI frames.

Quick Start

Run the diagnostic workflow to identify whether parameter stability, state reads, or back-writing is causing recomposition.

Frequently Asked Questions about compose-recomposition-performance

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

FAQPage Schema
How do I diagnose unnecessary Jetpack Compose recompositions causing choppy UI?

Reduce Jetpack Compose recomposition during scrolling by deferring state reads to the layout or drawing phase instead of composition. The diagnostic workflow identifies if deferred reads or parameter stability issues cause the performance degradation.

How do I fix parameter stability issues causing recomposition in Jetpack Compose?

Fix parameter stability issues causing Jetpack Compose recomposition by following the guided remediation steps prescribed after the diagnostic workflow isolates parameter stability as the responsible axis. This stabilizes UI frames and reduces wasted CPU cycles.

Why does Jetpack Compose recomposition cause choppy UI during focus moves?

Jetpack Compose recomposition causes choppy UI during focus moves when cross-phase back-writing or unstable parameters trigger unnecessary re-renders. The diagnostic workflow reproduces transitions like focus moves to measure recomposition counts and locate the exact hotspot.

When do I need to analyze cross-phase back-writing in Jetpack Compose?

Analyze cross-phase back-writing in Jetpack Compose when dynamic content updates trigger unexpected recomposition spikes. The diagnostics workflow checks if state writes across composition, layout, or draw phases are responsible and prescribes targeted remediation steps.