android-patterns
/android-patterns
Use when building Android apps with Jetpack Compose — covers @Preview setup (LocalInspectionMode, Vico charts), Scaffold + bottom nav + status bar insets, ModalBottomSheet nested-scroll jitter, ripple clipping on rounded corners, SwipeToDismissBox with transparent content, and locale-aware date formatting (MIUI quirks).
- Author
- hanamizuki ↗
- Repository
- solopreneur ↗
- Licence
- MIT
- Last repository change
- 13.10.2026
Assessment and security
- Files in this package
- 10
- Scripts
- 0
- HTML comments
- 0
- URLs in SKILL.md
- 0
No signals detected. Repository changed on 13.10.2026, without references to retired models or APIs.
MIT, open: use and modify while retaining author attribution.
What it does and when to use it
Use when building Android apps with Jetpack Compose — covers @Preview setup (LocalInspectionMode, Vico charts), Scaffold + bottom nav + status bar insets, ModalBottomSheet nested-scroll jitter, ripple clipping on rounded corners, SwipeToDismissBox with transparent content, and locale-aware date formatting (MIUI quirks).
Original author description
Use when building Android apps with Jetpack Compose — covers @Preview setup (LocalInspectionMode, Vico charts), Scaffold + bottom nav + status bar insets, ModalBottomSheet nested-scroll jitter, ripple clipping on rounded corners, SwipeToDismissBox with transparent content, and locale-aware date formatting (MIUI quirks).
How it works
- When to load which reference
- How to use these patterns
SKILL.md preview
--- name: android-patterns description: Use when building Android apps with Jetpack Compose — covers @Preview setup (LocalInspectionMode, Vico charts), Scaffold + bottom nav + status bar insets, ModalBottomSheet nested-scroll jitter, ripple clipping on rounded corners, SwipeToDismissBox with transparent content, and locale-aware date formatting (MIUI quirks). allowed-tools: Read, Write, Edit, Bash, Grep, Glob --- # Android / Jetpack Compose Patterns A curated collection of non-obvious patterns that solve recurring issues in Jetpack Compose apps. Each reference is self-contained — load only the one(s) relevant to the task. ## When to load which reference Decide by the symptom or the task at hand, then read the matching reference before writing code. | Task / Symptom | Reference | |---|---| | Writing a new `@Preview`, preview is blank, or any preview question | `references/compose-preview-overview.md` — start here (it branches to solutions/debugging/charts) | | Preview involves Vico charts, `CartesianChartModelProducer`, or complex chart logic | `references/compose-preview-charts.md` | | Designing `Scaffold` + `BottomNavigationBar` + `TopAppBar` with edge-to-edge / status bar | `references/scaffold-bottom-nav.md` | | Content inside `ModalBottomSheet` jitters when scrolled to top | `references/bottomsheet-scroll.md` | | Ripple on a rounded/shaped clickable is rectangular or spills past corners | `references/compose-ripple-clipping.md` | | `SwipeToDismissBox` — background indicator bleeds through semi-transparent content | `references/swipe-to-dismiss-transparent.md` | | Displaying user-facing dates across locales (MM/DD vs DD/MM, MIUI locale quirks, i18n) | `references/date-format-localization.md` | ## How to use these patterns These references describe *patterns*, not project-specific conventions. Examples use `AppTheme` and generic identifiers — substitute the host project's theme (`MojoTheme`, `YourAppTheme`, etc.) and domain types when applying. The principles transfer directly. If the host project already has an established pattern that contradicts a reference, follow the host project. Use these references for greenfield code or when a known issue matches the described symptom.
Files in this package (10)
- SKILL.md 2 KB
- references/bottomsheet-scroll.md 5 KB
- references/compose-preview-charts.md 6 KB
- references/compose-preview-debugging.md 7 KB
- references/compose-preview-overview.md 6 KB
- references/compose-preview-solutions.md 10 KB
- references/compose-ripple-clipping.md 3 KB
- references/date-format-localization.md 9 KB
- references/scaffold-bottom-nav.md 8 KB
- references/swipe-to-dismiss-transparent.md 3 KB
Versions
| Repository | Score | Licence |
|---|---|---|
| This page · hanamizuki/solopreneur | 95 | MIT |
| lennonpetrick/android-engineering-skills | 100 | MIT |
Identical content appears in 2 other GitHub folders. We show one copy with the highest score.
Database snapshot: 13.11.2026 · package version ec2cdc00dc11 (SHA-256 digest of the entire package)
Downloads in the last 30 days: 0 · ranking
Report a problem with this skill: harmful content, incorrect descriptions or an author’s removal request.
Similar skills
- 95android-jetpack-compose
Use when building Android UIs with Jetpack Compose, managing state with remember/mutableStateOf, or implementing declarative UI patterns. - 100android-compose
Jetpack Compose framework guardrails, patterns, and best practices for AI-assisted development. Use when working with Android Compose projects, or when the user mentions Jetpack Compose. Provides composable patterns, state management, Material 3, navigation, and lifecycle guidelines. - 95android-development
Android development with Kotlin, Jetpack Compose, and modern Android architecture. Use when building Android apps, implementing Material Design, or following Android best practices. - 100android-expert
Expert in Android development with Jetpack Compose, Material Design, ViewModel, and modern Android architecture. Use when the user mentions mobile, Kotlin, Jetpack Compose, Material Design, or Google, or when the task involves Android Architecture, Android Components, Jetpack… - 100android-edge-to-edge
Migrate a Jetpack Compose app to edge-to-edge display and fix system bar inset issues. Use when UI components are obscured by navigation/status bars, fixing IME insets, or enabling edge-to-edge for SDK 35+. - 100compose-android-app-engineering
Engineering skill: Jetpack Compose Android app — how to build and ship a android app with Jetpack Compose, Kotlin, MaterialTheme with custom schemes, JUnit + Turbine. Use when writing, reviewing, testing or releasing code in this stack, and when turning a Celestial design or…