# Compose Component Expert

> Expert guide for designing, building, and optimizing reusable Jetpack Compose components. Applies 2026 best practices, Style API, slot APIs, Modifier.Node, strong skipping mode, recomposition optimization, and Detekt/Ktlint rules validation. Trigger this skill whenever the user asks about Jetpack Compose component design, custom modifiers, skippability, derivedStateOf, modifier parameter order, c…

- **Type:** Skill
- **Install:** `agentstack add skill-josephsanjaya-skills-compose-component-expert`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [JosephSanjaya](https://agentstack.voostack.com/s/josephsanjaya)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [JosephSanjaya](https://github.com/JosephSanjaya)
- **Source:** https://github.com/JosephSanjaya/skills/tree/main/compose-component-expert

## Install

```sh
agentstack add skill-josephsanjaya-skills-compose-component-expert
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# 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](https://github.com/JosephSanjaya)
- **Source:** [JosephSanjaya/skills](https://github.com/JosephSanjaya/skills)
- **License:** MIT

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

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-josephsanjaya-skills-compose-component-expert
- Seller: https://agentstack.voostack.com/s/josephsanjaya
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.