skills.rest
leogallego
leogallegoCOMMUNITY
Explore all skills by this author →
𝕏@leogallegoredGitHub

kotlin-ui-adaptive-resources

Guide adaptive UI design for Kotlin/Compose projects across window-size classes.

1|Updated Apr 2, 2026
Search Tags:#navigation#kotlin#compose#multiplatform#adaptive-ui#canonical-layouts#window-size
One-click install
npx skills add https://github.com/leogallego/ansible-jane --skill kotlin-ui-adaptive-resources-leogallego
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kotlin-ui-adaptive-resources
Source: https://github.com/leogallego/ansible-jane/tree/main/skills/kotlin-ui-adaptive-resources
Command: npx skills add https://github.com/leogallego/ansible-jane --skill kotlin-ui-adaptive-resources-leogallego

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing resilient adaptive UI in Compose-based Kotlin projects that work across Android and Kotlin Multiplatform environments, handling window size, orientation, and multi-window scenarios.

Core Features & Use Cases

  • Provides a canonical layout and navigation strategy to adapt UI across compact, medium, and expanded windows.
  • Guides resource presentation decisions (strings, dimensions, icons) that stay configurable for different sizes and states.
  • Supports review, design, and implementation workflows for adaptive layouts and multi-pane patterns.

Quick Start

Apply adaptive UI patterns to a Kotlin Multiplatform project targeting Android and desktop.

Frequently Asked Questions about kotlin-ui-adaptive-resources

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

FAQPage Schema
How do I build adaptive UI layouts in Kotlin Multiplatform that scale across different window sizes?▼

Adaptive UI in Compose handles multi-window scenarios by guiding resource presentation decisions for strings, dimensions, and icons, ensuring they stay configurable across varying window sizes and orientations in multi window environments.

What is the best way to implement adaptive navigation in Compose for compact and expanded window sizes?▼

Canonical layouts provide a structured strategy to adapt navigation and multi-pane UI patterns across compact, medium, and expanded window sizes, ensuring responsive presentation across Android and desktop targets.

Can I use window-size classes to manage responsive layouts in Kotlin Compose for both Android and desktop?▼

Yes, window-size classes manage responsive layouts in Kotlin Compose by categorizing screen dimensions into compact, medium, and expanded breakpoints that work across Android and Kotlin Multiplatform targets.

How do I configure string and dimension resources for different screen states in Compose?▼

Configure string and dimension resources for different screen states in Compose by applying resource presentation decisions that keep dimensions, icons, and strings configurable for varying window sizes and layout states.

Why does my Compose multi-pane layout break when switching between orientations and multi-window modes?▼

Compose multi-pane layouts break during orientation or multi-window switches when window-size class strategies and canonical layout patterns are not applied to handle dynamic state changes across compact and expanded presentations.

Related Skills

Explore More Software Engineering Skills→
mmianimmiani
63

kotlin-ui-adaptive-resources

Design adaptive UI strategies for Kotlin Multiplatform Compose apps.

Community
Advanced
maxkishchenko2015maxkishchenko2015

flutter-adaptive-ui

Automate adaptive Flutter UI design with Abstract, Measure, Branch breakpoints.

Community
Intermediate
p-o-ke-naep-o-ke-nae

mobile-android-design

Design Android interfaces using Material Design 3 and Jetpack Compose.

Community
Advanced
GeneralJerelGeneralJerel
6

flutter-platform-patterns

Guide Flutter developers in implementing platform-adaptive UI and native integration patterns.

Community
Advanced