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

Ready to run

npx skills add https://github.com/vitorpamplona/amethyst --skill compose-expert-vitorpamplona

💬 Prompt for ChatGPT / Claude Chat▼

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.