skills.rest
vitorpamplona
vitorpamplonaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

compose-expert

Document Compose Multiplatform UI patterns for shared Android and Desktop components.

1.6k|218|Updated Jan 11, 2023
Search Tags:#theming#state-management#ui-patterns#compose-multiplatform#shared-ui#kotlin-expert
One-click install
npx skills add https://github.com/vitorpamplona/amethyst --skill compose-expert-vitorpamplona
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: compose-expert
Source: https://github.com/vitorpamplona/amethyst/tree/main/.claude/skills/compose-expert
Command: npx skills add https://github.com/vitorpamplona/amethyst --skill compose-expert-vitorpamplona

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Advanced Compose Multiplatform UI patterns enable teams to share and reuse cross-platform UI components, state management strategies, and theming rules, reducing duplication and accelerating development.

Core Features & Use Cases

  • Shared composables across Android and Desktop using commons/commonMain with platform-specific wrappers when necessary.
  • State management guidance including remember, derivedStateOf, and hoisting to build reusable components.
  • Material3 theming, ImageVector icon patterns, and guidance on delegating navigation to android-expert/desktop-expert.
  • Use cases include converting existing components to shared commons and establishing clear guidelines for design tokens and theming.

Quick Start

Install the shared UI patterns in commons/commonMain and begin implementing platform-shared components while delegating navigation and platform specifics to the appropriate experts.

Frequently Asked Questions about compose-expert

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

FAQPage Schema
How do I share Compose Multiplatform UI components across Android and Desktop?▼

Implement shared composables in commons/commonMain and apply state hoisting with derivedStateOf to build reusable components, reducing duplication and accelerating cross-platform development.

What state management patterns work best for Compose Multiplatform shared UI?▼

Effective state management patterns for Compose Multiplatform include using remember, derivedStateOf, and state hoisting to build reusable components that function consistently across Android and Desktop targets.

How do I apply Material3 theming and ImageVector icons in Compose Multiplatform?▼

Apply Material3 theming and ImageVector icon patterns in your shared commons to establish clear design tokens and theming rules, ensuring consistent cross-platform UI styling across Android and Desktop.

Can I use this to convert existing Android UI components to shared Compose Multiplatform code?▼

Yes, a primary use case is converting existing components to shared commons in commonMain, allowing you to reuse cross-platform UI components while delegating navigation and platform specifics to the appropriate experts.

How do I handle navigation delegation when sharing UI between Android and Desktop?▼

Handle navigation delegation by delegating navigation and platform specifics to android-expert or desktop-expert, allowing your shared composables in commons/commonMain to remain platform-agnostic and reusable.

Related Skills

Explore More Software Engineering Skills→
hnabyz-bothnabyz-bot

moai-lang-kotlin

Guide Kotlin 2.0+ development with Ktor, coroutines, and Compose Multiplatform.

Community
Advanced
dallaydallay
9

compose-expert

Guide shared Compose Multiplatform UI patterns with state management and Material3 theming.

Official
Advanced
vinitgirdharvinitgirdhar

compose-multiplatform-patterns

Standardize Compose Multiplatform UI patterns for Kotlin projects across Android, iOS, Desktop, and Web.

Community
Intermediate
delorenjdelorenj
14

tauri

Build cross-platform desktop and mobile apps with the Tauri framework.

Community
Advanced