skills.rest
mmiani
mmianiCOMMUNITY
Explore all skills by this author →
GitHub

kotlin-ui-adaptive-resources

Design adaptive UI strategies for Kotlin Multiplatform Compose apps.

63|6|Updated Mar 27, 2026
Search Tags:#compose#responsive-design#kmp#adaptive-ui#multi-window#canonical-layouts#window-size
One-click install
npx skills add https://github.com/mmiani/kotlin-kmp-claude-agent-skills --skill kotlin-ui-adaptive-resources-mmiani
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kotlin-ui-adaptive-resources
Source: https://github.com/mmiani/kotlin-kmp-claude-agent-skills/tree/main/skills/kotlin-ui-adaptive-resources
Command: npx skills add https://github.com/mmiani/kotlin-kmp-claude-agent-skills --skill kotlin-ui-adaptive-resources-mmiani

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams design, implement, and review adaptive UI across Kotlin Multiplatform projects, ensuring layouts respond gracefully to different window sizes, postures, and devices.

Core Features & Use Cases

  • Canonical multi-pane layouts and adaptive navigation strategies that adapt to available space
  • Window-size driven layout decisions, previewability, and testability across breakpoints
  • Resource strategy that keeps presentation values configurable across sizes and locales
  • Use Case: Designing a responsive dashboard that reflows from single-pane on phones to dual-pane on tablets and desktops.

Quick Start

Audit your Compose UI shell against window size classes and implement an adaptive layout strategy using canonical layouts.

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 design adaptive UI for Kotlin Multiplatform Compose apps across different devices?▼

Implement adaptive UI in Compose by auditing your UI shell against window size classes, applying canonical multi-pane layouts, and decoupling shell from feature content to maintain previewability and testability across different window breakpoints.

What are canonical layouts in responsive design and when should I use them?▼

Canonical layouts are responsive design patterns that reflow based on window size classes, such as transitioning from single-pane on phones to dual-pane on tablets. Use them to standardize adaptive navigation and multi-pane presentation across Kotlin Multiplatform devices.

Does this approach support multi-window and foldable postures in Compose?▼

Yes, adaptive UI strategies for Compose include multi-window support and respond to foldable postures by leveraging window size classes to adjust canonical layouts and navigation, ensuring content reflows correctly across diverse device configurations.

How do I keep adaptive UI layouts previewable and testable across breakpoints?▼

Maintain previewability and testability across breakpoints by decoupling the Compose UI shell from feature content. This separation allows you to independently test canonical layouts and adaptive navigation strategies against various window size classes.

Can I manage resource configurations for different window sizes and locales in KMP?▼

Implement a resource strategy in Kotlin Multiplatform that keeps presentation values configurable across window sizes and locales. This ensures your adaptive UI maintains correct resource allocation and presentation across all target environments.

Related Skills

Explore More Software Engineering Skills→
leogallegoleogallego
1

kotlin-ui-adaptive-resources

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

Community
Advanced
cedric-champeixcedric-champeix
1

kotlin-ui-adaptive-resources

Implement adaptive UI strategies for Kotlin Multiplatform Compose projects across window sizes.

Community
Advanced
fornewidfornewid
5

https://developer.android.com/agents/skills/jetpack-compose/adaptive/skill

Implement adaptive Jetpack Compose UI patterns for multi-window and large-screen form factors.

Community
Advanced
huneyolivhuneyoliv
1

kotlin-ui-adaptive-resources

Analyze adaptive UI strategies for KMP or Android Compose projects.

Community
Advanced