Optimizing Lazy Layouts

by skydoves

Optimizing Lazy Layouts is a Frontend skill for Claude Code, published by skydoves in compose-performance-skills.

492 stars17 forkson skydoves/compose-performance-skillsAdded 2026/08/26+1% in starsRepository updated 2026/06/16

View source on GitHub Download repo ZIP

agent-skillsandroidclaudeclaude-codecomposecompose-performancejetpack-composekotlinllm-toolsrecompositionskydoves

Install in seconds

Install Optimizing Lazy Layouts

Copy Optimizing Lazy Layouts into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/skydoves/compose-performance-skills/tree/main/lists/optimizing-lazy-layouts ~/.claude/skills/optimizing-lazy-layouts

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/skydoves/compose-performance-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: lists/optimizing-lazy-layouts/SKILL.md in skydoves/compose-performance-skills
Installs to: ~/.claude/skills/optimizing-lazy-layouts
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Optimizing Lazy Layouts does

Optimizing Lazy Layouts fixes scroll jank, lost item state, and broken animateItem() behavior in Compose lazy lists and grids. Use it to add stable keys, contentType, and hoist per-item allocations in mixed feeds.

Optimizing Lazy Layouts is cataloged under Frontend on DirSkills. Optimizing Lazy Layouts comes from a repository tagged agent-skills, android, claude, claude-code and compose.

Documentation

README

Excerpt

Optimizing Lazy Layouts — Keys, contentType, and animateItem()

Lazy layouts compose only what's visible, but two things still cost: re-composition of items that should have been reused (missing key), and per-item allocation that compounds with scroll velocity (missing contentType, modifier chains created inside items { }). Both have a one-line fix. This skill teaches Claude how to apply that fix correctly and to validate that item composables are themselves skippable. Prefetch tuning is a separate concern — see ../configuring-lazy-prefetch/SKILL.md.

When to use this skill

This is the opening of the README. Read the full README on GitHub.

Commands Optimizing Lazy Layouts provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

/non-skippable

Frequently asked about Optimizing Lazy Layouts

What else does skydoves publish alongside Optimizing Lazy Layouts?
Optimizing Lazy Layouts is one of 25 skills that DirSkills catalogs from skydoves/compose-performance-skills, the repository it ships in. Its siblings there include Auditing Compose Performance, Avoiding Subcomposition Pitfalls and Choosing DerivedStateOf. Each one is a separate skill with its own page in this directory, installs the same way Optimizing Lazy Layouts does, and is maintained by skydoves in that same repository. The rest of the collection is listed on the skydoves/compose-performance-skills page.
How does Optimizing Lazy Layouts compare to other Frontend skills?
Optimizing Lazy Layouts ranks #516 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Optimizing Lazy Layouts against them. Open each page to compare what they document and how they install.