ordering-modifier-chains
CommunityDiagnose and fix Compose Modifier order issues.
Authorskydoves
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps developers identify and fix Jetpack Compose Modifier ordering bugs that cause paint region mismatches, incorrect hit targets, clipping errors, padding miscalculations, or unexpected graphicsLayer behavior.
Core Features & Use Cases
- Understand how each modifier wraps the next, and how order changes paint and hit-testing boundaries.
- Provide canonical reorder patterns for common symptoms (padding vs background, clickable placement, clip-before-background, graphicsLayer scope).
- Follow a structured workflow to read a Modifier chain top-to-bottom and rewrite it to match design intent.
Quick Start
Review the failing modifier chain and reorder it to align background, padding, clickable, and clip semantics.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: ordering-modifier-chains Download link: https://github.com/skydoves/compose-performance-skills/archive/main.zip#ordering-modifier-chains Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.