← ClaudeAtlas

impeccable-androidlisted

Android platform conventions for native apps built with Jetpack Compose, Android Views, React Native, Expo, or Flutter. Use when building or reviewing Android UI. Covers Material Design 3 as the governing rulebook, expressing brand through Material theming, the Android slop test for off-spec components, and the OS guarantees iOS hardware still owes.
JZKK720/cubecloud-skills-bundle-kit · ★ 3 · AI & Automation · score 69
Install: claude install-skill JZKK720/cubecloud-skills-bundle-kit
# Android platform For native Android apps: Jetpack Compose, Android Views, React Native, Expo, Flutter shipping to Android hardware. On native, the visitor mode narrows what expression may override. Material Design 3 governs structure, navigation, and interaction in every mode; brand expresses through Material's theming (color roles, type scale, shape, motion). A Material-everywhere cross-platform app that also ships to iPhone still owes iOS its OS guarantees on that hardware: safe-area insets, Reduce Motion, edge-swipe back. ## The Android slop test Would a fluent Android user trust this app, or trip on off-spec components? The most common tell is an iOS app wearing Android's skin: a bottom-only navigation copied from iPhone, a back arrow that ignores the system Back gesture, Cupertino-shaped switches and dialogs. Material 3 is the rulebook; follow its components and theme the brand through it. ## Layout & structure - **Material navigation, matched to size.** Navigation bar (bottom, 3–5 destinations) on compact width; navigation rail or drawer on expanded width. Never ship a phone bottom-bar untouched on a tablet. - **System Back always works.** Honor the predictive Back gesture and Back button; never trap the user or hijack the gesture. - **Edge-to-edge with window insets.** Apply the status bar, navigation bar, display cutout, and IME insets so content never hides behind system bars or the keyboard. - **Top app bar for screen context**; pair with a FAB when the scre