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

Ready to run

npx skills add https://github.com/leogallego/ansible-jane --skill kotlin-ui-adaptive-resources-leogallego

💬 Prompt for ChatGPT / Claude Chat▼

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.