Avoiding Subcomposition Pitfalls

Avoiding Subcomposition Pitfalls 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 Avoiding Subcomposition Pitfalls

Copy Avoiding Subcomposition Pitfalls 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/recomposition/avoiding-subcomposition-pitfalls ~/.claude/skills/avoiding-subcomposition-pitfalls

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: recomposition/avoiding-subcomposition-pitfalls/SKILL.md in skydoves/compose-performance-skills
Installs to: ~/.claude/skills/avoiding-subcomposition-pitfalls
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Avoiding Subcomposition Pitfalls does

Avoiding Subcomposition Pitfalls explains when SubcomposeLayout, BoxWithConstraints, or Scaffold cause repeated measure-phase composition in Jetpack Compose. Use it to replace unnecessary subcomposition with cheaper layout primitives or tune it when subcomposition is required.

Avoiding Subcomposition Pitfalls is cataloged under Frontend on DirSkills. Avoiding Subcomposition Pitfalls comes from a repository tagged agent-skills, android, claude, claude-code and compose.

Documentation

README

Excerpt

Avoiding Subcomposition Pitfalls — Keep Composition Out of the Measure Pass

SubcomposeLayout runs its content's composition during the measure pass, not during the parent's composition pass. That trades extra layout cost for the ability to use measured constraints inside the children's composition. BoxWithConstraints, material3.Scaffold, and the lazy layouts are all built on top of it, so the cost is invisible until it nests or lands inside a hot path. This skill teaches Claude how to detect the misuse, how to replace SubcomposeLayout with a cheaper primitive when its power is not needed, and how to keep it efficient when it is.

When to use this skill

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

Frequently asked about Avoiding Subcomposition Pitfalls

What else does skydoves publish alongside Avoiding Subcomposition Pitfalls?
Avoiding Subcomposition Pitfalls 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, Choosing DerivedStateOf and Collecting Flows Safely. Each one is a separate skill with its own page in this directory, installs the same way Avoiding Subcomposition Pitfalls 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 Avoiding Subcomposition Pitfalls compare to other Frontend skills?
Avoiding Subcomposition Pitfalls ranks #512 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 Avoiding Subcomposition Pitfalls against them. Open each page to compare what they document and how they install.