Instructions to make or update an app's UI so that it adapts to different Android devices including phones, tablets, foldables, laptops, desktop, TV, Auto, and XR. It includes how to handle different window sizes, pointing devices (such as mouse) and text entry devices (such as keyboard) using the Compose MediaQuery API, and how to preserve UI, navigation, scroll, and media playback state across configuration changes (such as folding/unfolding a foldable, rotating a device, or resizing a window)
Install
KitScout test notes
Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.
Similar tools
frontend-design193,970 ★ Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps w
web-artifacts-builder193,970 ★ Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
frontend-ui-engineering117,009 ★ Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces a
dashboard-chat-best-practices116,728 ★ Apply dashboard-grade chat UX patterns in the Eve chat template. Use when changing Next.js Cache Components/PP
design-taste-frontend114,719 ★ tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com