adaptive-ui
CommunityAdaptive UI patterns for every Android screen.
Software Engineering#android#adaptive-ui#grid-layout#responsive-layout#foldables#window-size-class#dialog-adaptation
Authorpiyushverma0
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Android apps often fail to adapt across phones, tablets, foldables, and Chromebooks. This skill provides a cohesive set of rules and patterns to ensure every screen renders correctly on any device, avoiding layout inconsistencies and wasted tokens on manual adjustments.
Core Features & Use Cases
- Responsive scaffolds: NavigationSuiteScaffold, ListDetailPaneScaffold, and SupportingPaneScaffold to automatically adapt navigation and layouts across breakpoints.
- Window-aware design: 3 layout tiers based on WindowSizeClass (compact, medium, expanded) with adaptive grids, paddings, and content widths.
- Foldable & multi-pane support: handle folding states, hinge orientations, and remote pane configurations for a seamless user experience on foldables and large screens.
Quick Start
Apply the 10 adaptive UI rules to ensure every screen looks correct across devices.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: adaptive-ui Download link: https://github.com/piyushverma0/android-agent-skills/archive/main.zip#adaptive-ui 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 471,000+ vetted skills library on demand.