Compose Multiplatform Patterns — Design skill for Claude Code
Compose Multiplatform + Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, platform-specific UI.
How to install Compose Multiplatform Patterns
Installs to ~/.claude/skills/rustidi-ml-portfolio-compose-multiplatform-patterns/SKILL.md
mkdir -p ~/.claude/skills/rustidi-ml-portfolio-compose-multiplatform-patterns && curl -fsSL https://raw.githubusercontent.com/rustidi/ml-portfolio/HEAD/skills/compose-multiplatform-patterns.md -o ~/.claude/skills/rustidi-ml-portfolio-compose-multiplatform-patterns/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Compose Multiplatform Patterns does
name: compose-multiplatform-patterns description: Compose Multiplatform + Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, platform-specific UI. Activate when building shared UI across Android/iOS/Desktop/Web with Compose, or native Jetpack Compose on Android. triggers:
- "Compose Multiplatform"
- "Jetpack Compose"
- "KMP"
- "shared Kotlin"
- "multiplatform UI"
Compose Multiplatform Patterns
Patterns for building shared UI acro
Alternatives in Design
- Site — Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map 3.6k ★
- Claude Code UI — A real-time dashboard for monitoring Claude Code sessions across multiple projects 383 ★
- Design Present — Generate an interactive HTML presentation from Figma screens — annotated walkthrough with transitions, speaker 309 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Arckit.Agent Integration
Design multi-agent integration — inter-agent contracts, message protocols, shared state, failure isolation
Content Brand Voice
Brand voice definition and management command. Creates a brand voice guide to keep tone, style, and personalit
Add Checkout
Create comprehensive shopping cart and checkout flow. Implement cart state management with Context API or Zust
Quest Master
A fully-featured game progression system built with Next.js, TypeScript, Tailwind CSS, and Framer Motion. This
Web Designer
Activate award-winning web design mode. Produces creative, distinctive designs using patterns from 38 top webs
Amditis Theme Expert
Apply the Amditis cyberpunk dark theme correctly. Activate when styling any component, page, or UI element in
Related Agents
Android Design Reviewer
Android / Jetpack Compose design reviewer. Checks UNIVERSALITY across the full Android device fragmentation (p
Mobile Dev
Implements mobile-specific features, platform APIs, navigation, and responsive layouts for React Native, Flutt
Kotlin Reviewer
Kotlin and Android/KMP code reviewer. Reviews Kotlin code for idiomatic patterns, coroutine safety, Compose be