decompose

Implement component-based architecture in Kotlin Multiplatform using the Decompose library.

4|1|Updated Jan 23, 2026

Search Tags:#architecture #navigation #component #lifecycle #decompose #kmp

Ready to run

npx skills add https://github.com/AndVl1/claude-plugin --skill decompose-andvl1

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: decompose
Source: https://github.com/AndVl1/claude-plugin/tree/main/skills/decompose
Command: npx skills add https://github.com/AndVl1/claude-plugin --skill decompose-andvl1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured approach to building Kotlin Multiplatform apps using Decompose, enabling UI-agnostic components with clear lifecycle and navigation patterns.

Core Features & Use Cases

Component-based architecture for KMP apps: define isolated components with public APIs and internal state.
Navigation and lifecycle management across platforms: stack-based navigation, child slots, and instance preservation.
Real-world use case: build a cross-platform app with Home and Details flows managed by Decompose, ensuring consistent state across Android, iOS, and Desktop.

Quick Start

Install and integrate the Decompose-based component pattern in your KMP project. For example, create a RootComponent with Home and Details children and wire a Compose-based UI.

Frequently Asked Questions about decompose

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I implement a component-based architecture in Kotlin Multiplatform?▼

Use the Decompose library to structure Kotlin Multiplatform apps with isolated components, public APIs, and internal state for lifecycle-aware navigation across Android, iOS, and Desktop.

How do I manage navigation and lifecycle across Android, iOS, and Desktop in KMP?▼

Implement stack-based navigation and child slots with Decompose to ensure consistent state preservation and lifecycle management across Android, iOS, and Desktop.

What is the best way to structure Root and Child components for cross-platform state management?▼

Structure cross-platform state management by creating a RootComponent with child components like Home and Details using Decompose to wire UI-agnostic flows and preserve state.

Does Decompose work with Compose Multiplatform for UI rendering?▼

Yes, Decompose works with Compose Multiplatform by wiring a Compose-based UI to lifecycle-aware components, keeping the UI agnostic while managing state internally.

What Gradle configurations are needed to set up the Decompose library in a KMP project?▼

Setting up Decompose in a KMP project requires adding specific Gradle configurations and dependencies to enable lifecycle-aware components and navigation across target platforms.