compose

Community

Share UI code across Android, iOS, and desktop.

AuthorAndVl1
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: compose
Download link: https://github.com/AndVl1/claude-plugin/archive/main.zip#compose

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.