Compose Component Expert

Compose Component Expert

Design + optimize reusable Jetpack Compose components. 2026 standards.

Use smart caveman mode prose. Maintain token efficiency. Code snippets must be type-safe. Refer to specific markdown files in references/ for deep details.

1. Quick Decision Matrix

| Target | Tool / Standard | Details | | :--- | :--- | :--- | | API Design | Slot APIs, stateless/stateful splits | [best-practices.md](file:///Users/jsanjaya/Projects/skills/compose-component-expert/references/best-practices.md) | | Performance | Strong skipping, derivedStateOf, stability | [performance.md](file:///Users/jsanjaya/Projects/skills/compose-component-expert/references/performance.md) | | New APIs | Modifier.Node, Style API, SharedElement | [new-apis-2026.md](file:///Users/jsanjaya/Projects/skills/compose-component-expert/references/new-apis-2026.md) | | Static Rules | Detekt / Ktlint compose rules | [detekt-rules.md](file:///Users/jsanjaya/Projects/skills/compose-component-expert/references/detekt-rules.md) |

2. Directory Structure

• References:
• [best-practices.md](file:///Users/jsanjaya/Projects/skills/compose-component-expert/references/best-practices.md) — API design rules, param ordering, naming.
• [performance.md](file:///Users/jsanjaya/Projects/skills/compose-component-expert/references/performance.md) — Stability, recomposition scopes, derivedStateOf, AOT profiles.
• [new-apis-2026.md](file:///Users/jsanjaya/Projects/skills/compose-component-expert/references/new-apis-2026.md) — Modifier.Node, Style API, Predictive Back.
• [detekt-rules.md](file:///Users/jsanjaya/Projects/skills/compose-component-expert/references/detekt-rules.md) — Detekt/Ktlint rules index.

• Samples:
• [SlotApiComponent.kt](file:///Users/jsanjaya/Projects/skills/compose-component-expert/samples/SlotApiComponent.kt) — Slot pattern + scope constraints.
• [ModifierNodeComponent.kt](file:///Users/jsanjaya/Projects/skills/compose-component-expert/samples/ModifierNodeComponent.kt) — Modifier.Node element + state update.
• [StyleApiComponent.kt](file:///Users/jsanjaya/Projects/skills/compose-component-expert/samples/StyleApiComponent.kt) — Style API presses & transitions.

3. Related Compose Skills

Jump to specialized skills:

• android-jetpack-compose-adaptive — Adaptive/multi-pane UI layouts.
• android-jetpack-compose-migration-migrate-xml-views-to-jetpack-compose — Legacy XML migration.
• android-jetpack-compose-theming-styles — Component styles API integration.
• android-navigation-navigation-3 — Navigation 3 Scenes & backstacks.
• android-system-edge-to-edge — System bar margins, IME insets.
• compose-lists-optimizing-lazy-layouts — Lazy layout scroll performance.
• compose-m3-theme-expert — Material 3 custom theming.
• compose-modifiers-migrating-to-modifier-node — Modifier.Node custom modifier optimization.
• compose-recomposition-choosing-derivedstateof — derivedStateOf usage rules.
• compose-recomposition-deferring-state-reads — Deferring state reads.
• compose-side-effects-collecting-flows-safely — Lifecycle-aware flow collection.
• compose-stability-stabilizing-compose-types — Parameter stability optimization.

• Expose stateless Slot APIs; trailing lambda last; first optional param MUST be modifier: Modifier = Modifier.
• Use primitive State holders (mutableIntStateOf) to avoid autoboxing.
• Use Modifier.Node instead of composed {}.
• Style API transitions must run in layout/draw phases using pressed(Style { animate(Style { ... }) }) structures.
• Code should be clean, type-safe, and conform to the schema required in [detekt-rules.md](file:///Users/jsanjaya/Projects/skills/compose-component-expert/references/detekt-rules.md) to pass CI audits.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: JosephSanjaya
• Source: JosephSanjaya/skills
• License: MIT

Install and usage instructions live in the source repository linked above.