compose-adaptive-layouts
OfficialCreate device-agnostic adaptive Compose layouts for cross-platform UIs.
Software Engineering#responsive design#Compose#adaptive layout#device configuration#cross-platform UI
AuthorPL-Coding-GmbH
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill unit provides tools and guidance for developers to build adaptive UI layouts in Compose that adjust seamlessly across different devices and screen sizes, ensuring consistent user experiences.
Core Features & Use Cases
- Device-Agnostic Layouts: Generate responsive layouts that adapt to various device configurations such as mobile, tablet, and desktop.
- Cross-Screen Pattern Analysis: Offers strategies for analyzing UI patterns across different screen sizes and device configurations.
- Pre-Creation Analysis: Assists in analyzing Figma mockups to ensure layouts will adapt as intended.
Quick Start
To begin using the compose-adaptive-layouts skill, first identify the UI structure that requires adaptation. Then, apply the appropriate Compose functions and adaptors within your code.
Dependency Matrix
Required Modules
androidx.compose.material3:material3-adaptiveandroidx.window:window-core
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: compose-adaptive-layouts Download link: https://github.com/PL-Coding-GmbH/Skills/archive/main.zip#compose-adaptive-layouts Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.