kotlin-ui-compose-multiplatform

Design, implement and review shared Compose UI with state-driven architecture and previewable common code.

1|Updated Apr 22, 2026
One-click install
npx skills add https://github.com/cedric-champeix/SpoonFeeder --skill kotlin-ui-compose-multiplatform
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: kotlin-ui-compose-multiplatform
Source: https://github.com/cedric-champeix/SpoonFeeder/tree/main/.claude/skills/kotlin-ui-compose-multiplatform
Command: npx skills add https://github.com/cedric-champeix/SpoonFeeder --skill kotlin-ui-compose-multiplatform

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides teams in designing, implementing, and reviewing shared UI in Compose Multiplatform projects, ensuring UI is declarative, state-driven, decomposed, and previewable across common and platform-specific code.

Core Features & Use Cases

  • Enforces a clean separation between shared UI and platform startup concerns, guiding architecture that keeps business logic out of composables.
  • Promotes state-driven rendering, clear composable decomposition, and intentional modifier discipline, with adaptive behavior for various window sizes.
  • Supports previewability in common code to accelerate iteration and maintainability across targets.

Quick Start

Start by identifying a shared UI component in commonMain and refactor it to be state-driven, composable, and previewable.

Frequently Asked Questions about kotlin-ui-compose-multiplatform

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

FAQPage Schema
How do I structure shared UI in Kotlin Compose Multiplatform to keep business logic out of composables?

Structure shared UI in Kotlin Compose Multiplatform by enforcing a clean separation between declarative composables and platform startup concerns, guiding state-driven architecture to keep business logic out of UI code.

Can I preview Compose Multiplatform UI components directly in the common source set?

Yes, you can preview Compose Multiplatform UI components directly in common source sets. The approach supports previewability in common code to accelerate iteration and maintainability across all platform targets.

What is the best way to manage state and modifiers in shared Compose Multiplatform code?

The best way to manage state and modifiers in shared Compose Multiplatform code is promoting immutable state patterns for rendering, clear composable decomposition, and intentional modifier discipline across common and platform-specific code.

How do I implement adaptive window size behavior for Compose Multiplatform UI?

Implement adaptive window size behavior for Compose Multiplatform UI by applying state-driven architecture and composable decomposition guidelines that ensure layout and modifier discipline adapt across varying window sizes.

Does Kotlin Compose Multiplatform work for reviewing and testing shared UI architecture across teams?

Yes, Kotlin Compose Multiplatform works for reviewing shared UI architecture by codifying best practices for UI decomposition, testing, and maintainability, ensuring teams consistently implement state-driven and previewable composables.