메뉴
Use this skill to design consistent loading, empty, error, success, and offline layouts in Android apps. It helps each screen state feel intentional rather than like an afterthought.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use for Android Jetpack Compose layout structure, spacing, alignment, hierarchy, forms, lists, grids, and stateful screen layouts.
Use this skill to make Android layouts adapt cleanly across compact, medium, and expanded window sizes. It covers phones, tablets, foldables, and multi-window scenarios in Jetpack Compose.
Use this skill to improve visual hierarchy and alignment in Android UI. It helps arrange text, actions, and media so users can scan quickly and understand what matters first.
Use this skill to design Compose screens that work correctly with system bars, display cutouts, gesture navigation, and the on-screen keyboard. It focuses on layout and spacing decisions needed for edge-to-edge UI.
Use this skill to create clear, accessible Android forms in Jetpack Compose. It covers field grouping, labels, helper text, validation placement, keyboard behavior, and submit action layout.
Use this skill to design or refactor the structural layout of a Jetpack Compose screen. It helps choose the right layout primitives, reduce nesting, enforce clear content hierarchy, and keep layouts stable across phones, tablets, and foldables.
| name | stateful-screen-layouts |
| description | Use this skill to design consistent loading, empty, error, success, and offline layouts in Android apps. It helps each screen state feel intentional rather than like an afterthought. |
| license | See LICENSE |
| metadata | {"author":"Android Design Skills","keywords":["android","compose","loading state","empty state","error state","offline","ui states"]} |
Design each major screen state as part of the product experience so users always understand what is happening and what they can do next.
