mcpField
C
compose-recomposition-performance

compose-recomposition-performance

github.com/chrisbanesDevelopment1.1k1.0k installsUpdated 1d ago
Repository

About compose-recomposition-performance

A routing skill for diagnosing Jetpack Compose recomposition performance. It helps Kotlin developers identify which of three axes to investigate and directs them to focused skills for fixes.

Key features

  1. 01Routes stability issues to focused diagnostics
  2. 02Distinguishes composition, layout, and draw state reads
  3. 03Flags state writes across Compose phases
  4. 04Provides a review and measurement sequence
  5. 05Lists common ineffective fixes

Use cases

  1. 01Investigating recomposition spikes in lazy items
  2. 02Tracing recompositions during scrolling or animation
  3. 03Checking unstable parameters and compiler reports

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/chrisbanes/skills --skill compose-recomposition-performance

After installing, type/compose-recomposition-performancein Claude Code to confirm it loaded.

Details

From the project README

Compose recomposition performance

Router only — deep fixes live in focused skills below.

Three axes

  1. Parameter stability / skipping — can Compose skip this restartable composable; are arguments stable and comparable?
  2. Where State is read — is frame-rate State read during composition vs layout/draw?
  3. Back-writing across phases — does a later phase write snapshot state that invalidates an earlier phase? Examples: map/list mutation during composition that re-invalidates the same composition; onSizeChanged (layout phase) writing state read by a sibling in composition.

Axes 2 and 3 often overlap (a sibling reading measured size in composition is both a deferred-read violation and a layout → composition back-write). Axis 1 is independent.

Route here → focused skill

Primary suspicionNext skill
Skipping, unstable params, compiler/composables.txt churncompose-stability-diagnostics
Frame-rate State read phase (composition vs layout/draw)compose-state-deferred-reads
putAll / map rebuild / cross-row height(state) during compositioncompose-state-deferred-reads — § back-writing
Focus-driven side work in composable bodycompose-side-effects — snapshotFlow
Evidence for multiple axesApply matching skills in parallel

Review order

  1. Reproduce one transition (focus move, insertion, scroll) and note which composables recompose.
  2. If counts spike on unchanged lazy items, check back-writing (composition mutations and cross-row measurement) before blaming stability.
  3. If counts climb every frame during scroll/animation, check deferred reads.
  4. If skipping fails despite stable data, check parameter stability and compiler reports.
  5. Re-measure after each fix.

False leads

These changes often do not reduce recomposition count:

AttemptWhy it fails
remember(index) { isFirstRow(index) } instead of inline when (index)Same inputs; no skipping benefit
Identity cache for read-only derived mapsCan serve stale overlays; remember(keys) is enough
mutableIntStateOf + layout modifier on both measured and sibling rowsSibling still reads size in composition unless measure-only
Forcing Exactly(1) on both rows in focus-move testsOne row often correctly recomposes 0 times
Hoisting without stabilizing lambda capturesNew lambda instance each frame still defeats skipping

When NOT to apply

  • Recomposition tracks real data changes, or the bug is correctness not cost.
  • No profiler / compiler signal suggests a problem.

Related

Comments

Markdown supported