compose-recomposition-performance

Diagnose Jetpack Compose recomposition performance issues across parameter stability, deferred reads, and cross-phase back-writing.

908|42|Updated May 12, 2026
One-click install
npx skills add https://github.com/chrisbanes/skills --skill compose-recomposition-performance-chrisbanes
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-recomposition-performance
Source: https://github.com/chrisbanes/skills/tree/main/skills/compose-recomposition-performance
Command: npx skills add https://github.com/chrisbanes/skills --skill compose-recomposition-performance-chrisbanes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps engineers diagnose Jetpack Compose recomposition performance issues, including unstable parameter changes, deferred reads, and cross-phase back-writing, so you can identify root causes and plan fixes.

Core Features & Use Cases

  • Guidance to reproduce transitions and measure recomposition counts across focus moves, scrolls, and animations.
  • Clear routing to related focused skills (compose-stability-diagnostics, compose-state-deferred-reads) for targeted remediation.
  • Structured review workflow that helps isolate whether parameter stability, state reads, or back-writing drives recomposition, and provides corrective steps.

Quick Start

Identify a scenario (focus change, scroll, or animation) and follow this skill to reproduce, measure, and analyze recomposition sources.

Frequently Asked Questions about compose-recomposition-performance

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

FAQPage Schema
Why does my Jetpack Compose recomposition count spike during scrolling and animations?

Recomposition spikes during scrolling and animations often stem from unstable parameter changes, deferred state reads, or cross-phase back-writing. Diagnosing these issues requires reproducing the transition to measure recomposition counts and isolate the specific source driving the performance drop.

How do I diagnose Jetpack Compose recomposition performance issues?

To diagnose Jetpack Compose recomposition performance issues, identify a specific scenario like a focus change or scroll, reproduce the transition, measure recomposition counts, and analyze whether parameter stability, state reads, or cross-phase back-writing drives the excessive recompositions.

What causes cross-phase back-writing in Jetpack Compose and how does it affect performance?

Cross-phase back-writing in Jetpack Compose occurs when later phases like drawing write back to earlier phases like composition, triggering unnecessary recompositions. Identifying this pattern helps isolate performance bottlenecks during focus transitions, scrolling, and animations.

How do I reproduce and measure Compose recomposition counts for focus transitions?

Reproducing and measuring Compose recomposition counts for focus transitions involves identifying the scenario, triggering the transition, and observing recomposition behavior. This structured review isolates whether parameter instability or deferred reads drive the recomposition overhead.

What is the best way to fix unstable parameters causing Jetpack Compose recomposition?

Fixing unstable parameters causing Jetpack Compose recomposition involves diagnosing the root cause and routing to targeted remediation. This skill guides you to specialized diagnostics for parameter stability and deferred state reads to implement the corrective steps.