菜单
Use this skill to structure Android screens with Scaffold, app bars, navigation bars, rails, floating actions, and snackbars. It helps place persistent chrome so content and actions stay organized.
用 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 | scaffold-and-navigation-chrome |
| description | Use this skill to structure Android screens with Scaffold, app bars, navigation bars, rails, floating actions, and snackbars. It helps place persistent chrome so content and actions stay organized. |
| license | See LICENSE |
| metadata | {"author":"Android Design Skills","keywords":["android","compose","scaffold","top app bar","navigation bar","navigation rail","fab"]} |
Create predictable screen chrome that supports the task instead of competing with content.
Scaffold when multiple chrome regions must coordinate.Scaffold.