compose

Share Compose UI components, theming, and resources across Kotlin Multiplatform targets.

4|1|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/AndVl1/claude-plugin --skill compose
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose
Source: https://github.com/AndVl1/claude-plugin/tree/main/skills/compose
Command: npx skills add https://github.com/AndVl1/claude-plugin --skill compose

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It centralizes UI design across Android, iOS, desktop, and web by enabling a single Kotlin Multiplatform Compose-based UI codebase, reducing duplication and ensuring consistent UX.

Core Features & Use Cases

  • Shared UI components and themes: build reusable composables, typography, colors, and resource handling that work across all platforms.
  • Platform adaptations: provide expect/actual APIs and platform-specific UI patterns while maintaining a unified codebase.
  • Resource management: centralize images, fonts, and strings for all targets, simplifying updates and localization.
  • Use Case: when shipping a multiplatform app (e.g., messaging or dashboard), reuse the same UI primitives and styles on Android, iOS, and desktop to speed development and maintain consistency.

Quick Start

  • Create a Kotlin Multiplatform module with commonMain, androidMain, iosMain, and desktopMain and wire dependencies for Compose runtime, foundation, material3, and resources.
  • Implement shared UI patterns in src/commonMain/kotlin and reference platform-specific implementations only where needed.
  • Example: start by defining a shared Button, Card, and Theme in commonMain, then progressively add platform-specific tweaks.

Frequently Asked Questions about compose

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

FAQPage Schema
How do I share Compose UI code across Android, iOS, and desktop?

You share Compose UI code by creating a Kotlin Multiplatform module with commonMain for shared composables and theming, using expect/actual APIs for platform-specific tweaks while maintaining a single unified codebase across Android, iOS, and desktop.

What is the best way to handle resources in Kotlin Multiplatform Compose?

The best way to handle resources in Kotlin Multiplatform Compose is to centralize images, fonts, and strings in commonMain, allowing simplified updates and localization across all target platforms from a single shared module.

Do I need to use expect/actual APIs for platform-specific UI in KMP?

Yes, you use expect/actual APIs in Kotlin Multiplatform (KMP) to provide platform-specific UI patterns and implementations while maintaining a unified codebase in commonMain for shared components.

Can I use Material3 and shared themes in a Kotlin Multiplatform project?

Yes, you can use Material3 and shared themes in a Kotlin Multiplatform project by wiring dependencies for Compose runtime, foundation, and material3 in commonMain to build reusable typography and colors across all platforms.

How to set up a Kotlin Multiplatform Compose module for multiple platforms?

To set up a Kotlin Multiplatform Compose module, create commonMain, androidMain, iosMain, and desktopMain source sets, then wire dependencies for Compose runtime, foundation, material3, and resources to enable shared UI development.