optimizing-lazy-layouts

Community

Make Lazy layouts scroll-smooth with stable items.

Authorskydoves
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Lazy layouts in Jetpack Compose can suffer from scroll jank, lost item state across inserts/removals/reorders, and animations that don't run on inserts/removals when keys or contentType aren't used correctly.

Core Features & Use Cases

  • Stable item keys to preserve composition state during insertions, removals, and reorders.
  • contentType for heterogeneous feeds (cards, headers, ads, grids) to reuse the correct item types.
  • Validation of item composable stability and hoisting heavy allocations outside the item lambda.
  • Guidance for applying Modifier.animateItem() to maintain visual continuity during mutations.

Quick Start

Audit your Lazy lists to add stable keys, specify contentType for heterogeneous items, hoist heavy allocations outside item lambdas, and validate recomposition behavior with tooling.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: optimizing-lazy-layouts
Download link: https://github.com/skydoves/compose-performance-skills/archive/main.zip#optimizing-lazy-layouts

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.