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.