How are platform-specific UI differences handled?

It utilizes expect/actual patterns and safe area insets to ensure the UI behaves correctly on specific platforms like iOS or Android.

What platforms are covered by these Compose patterns?

The patterns cover Android, iOS, Desktop (JVM), and Web (WasmJs) targets using Kotlin Multiplatform.

Are Material 3 components included?

Yes, the skill includes standard implementations for Material 3 color schemes, typography, and shape systems.

Does this skill help with resource localization?

Yes, it provides the directory structure and code examples for managing multi-language strings and localized assets within a common module.

Compose Multiplatform UI Patterns

Name: Compose Multiplatform UI Patterns
Author: AndVl1

byAndVl1

•

Mobile Development

Streamlines cross-platform UI development with standardized patterns for Compose Multiplatform components, theming, and resource management.

This skill provides a comprehensive framework for building high-quality interfaces across Android, iOS, Desktop, and Web using Compose Multiplatform. it offers standardized implementations for Material 3 theming, centralized resource management for localized strings and assets, and reusable component patterns like buttons, cards, and state-driven layouts. By incorporating platform-specific adaptations such as safe area handling and adaptive layouts, it empowers developers to maintain a single codebase for UI while ensuring a native look and feel on every target platform.

主要功能

01Adaptive layout patterns for responsive screen design

02Centralized resource management for strings, fonts, and images

031 GitHub stars

04Shared UI component patterns for multiplatform consistency

05Material 3 theming with dark and light mode support

06Platform-specific adaptations for iOS, Android, and Desktop

使用场景

01Developing a unified design system for mobile and desktop applications

02Building responsive UIs that adapt to different screen sizes and safe areas

03Implementing localized resources across multiple operating systems

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add andvl1/claude-plugin compose

For use in Claude.ai and ChatGPT

Download Skill