skills.rest
AndVl1
AndVl1COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/AndVl1/claude-plugin --skill decompose-andvl1
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
shaharKeisarAppsshaharKeisarApps

gradle-expert

Configure Gradle Kotlin DSL for Kotlin Multiplatform projects with version catalogs.

Community
Advanced
tranhieutttranhieutt
70

compose-multiplatform-patterns

Structure Compose Multiplatform UI with shared state, navigation, theming, and performance patterns.

Community
Intermediate
rcosteira79rcosteira79
119

kotlin-flows

Guide Kotlin Coroutines Flow, StateFlow, and SharedFlow usage for asynchronous data streams.

Community
Advanced
dtsongdtsong
1

Navigation Design

Design mobile navigation architecture with screen hierarchy, deep linking, and state preservation.

Community
Intermediate