kotlin-ui-adaptive-resources

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

1|Updated Apr 22, 2026
One-click install
npx skills add https://github.com/cedric-champeix/SpoonFeeder --skill kotlin-ui-adaptive-resources
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: kotlin-ui-adaptive-resources
Source: https://github.com/cedric-champeix/SpoonFeeder/tree/main/.claude/skills/kotlin-ui-adaptive-resources
Command: npx skills add https://github.com/cedric-champeix/SpoonFeeder --skill kotlin-ui-adaptive-resources

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams design and review adaptive UI in Compose-based Kotlin Multiplatform projects, ensuring layouts resize gracefully across devices and postures.

Core Features & Use Cases

  • Canonical multi-pane layouts and adaptive navigation tailored to Window Width size classes.
  • Guidance on resource strategy (strings, dimensions, icons) that stay configurable across breakpoints.
  • Multi-window and foldable readiness with testable patterns and preview considerations.

Quick Start

Define a minimal shell that adapts to window size with a two-pane layout and adaptive navigation.

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 implement adaptive UI in Kotlin Multiplatform Compose?

To implement adaptive UI in Kotlin Multiplatform Compose, apply canonical multi-pane layouts and dynamic navigation patterns based on Window Width size classes. This approach ensures layouts resize gracefully across phones, tablets, folds, and desktops.

What are canonical layouts in adaptive Compose UI?

Canonical layouts in adaptive Compose UI are standardized multi-pane design patterns that adapt to varying window sizes and postures. They provide resilient structural templates for phones, tablets, folds, and desktops.

How do I make Compose resources configurable across adaptive breakpoints?

To make Compose resources configurable across adaptive breakpoints, apply a configurable resource strategy for strings, dimensions, and icons. This keeps UI elements properly scaled and aligned across different Window Width size classes.

Does Kotlin Multiplatform Compose support multi-window and foldable readiness?

Yes, Kotlin Multiplatform Compose supports multi-window and foldable readiness through testable patterns and preview considerations. You can design layouts that adapt to varying window postures and multi-window environments using canonical layout guidance.

What is the best way to handle adaptive navigation across different window sizes?

The best way to handle adaptive navigation across different window sizes is to use dynamic navigation patterns tailored to Window Width size classes. This approach seamlessly transitions navigation behavior across phones, tablets, folds, and desktops.

When do I need to use Window Width size classes in Compose?

You need to use Window Width size classes in Compose when designing adaptive UIs for varying window sizes and postures. They help determine canonical layout breakpoints, multi-pane visibility, and dynamic navigation patterns across devices.