Design & UX Skill
Accessibility Compliance
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns…
$15
Mobile Android Design
Master Material Design 3 and Jetpack Compose patterns for building native Android apps.
A masterclass in Material Design 3 and Jetpack Compose for building modern, adaptive Android apps. It covers the Compose layout system, navigation patterns, Material 3 theming with dynamic color, and component patterns that integrate seamlessly with the Android ecosystem.
$15 one-time
Add to a kit → Prices include 20% VAT. · Forged on real agency work · one-time, no lock-in
- Type Skill
- Category Design & UX
- Delivery Email · instant
- License One-time
Inside the run · no black box
See the actual work before you buy it.
On Android 12 and newer, the app's palette comes from the user's wallpaper. That is the starting point here: Material 3 dynamic color, then layout, navigation and state in disciplined order.
- Sets up Material 3 theming with dynamic color: on Android 12+ the palette is derived from the user's wallpaper via dynamicColorScheme, with an SDK version check falling back to a defined light/dark scheme on older devices.
- Composes layouts with Column, Row and lazy containers: LazyColumn with sticky category headers and LazyVerticalGrid with adaptive cells, so long lists render only visible items instead of the whole tree.
- Builds navigation with NavigationBar or a modal drawer wired into Navigation Compose, using saveState, restoreState and launchSingleTop so tab switches keep their back stacks instead of resetting.
- Adapts to window size classes: compact phones get a single column, medium tablets get master-detail, expanded foldables get side-by-side panels, with NavigationBar, NavigationRail or NavigationDrawer selected to match.
- Hoists state out of composables into ViewModel and StateFlow so components stay stateless and testable, stabilizing lambdas with remember and using rememberSaveable to survive rotation.
- Verifies platform discipline before handoff: 48dp minimum touch targets, contentDescription on every interactive element, MaterialTheme color access for automatic dark mode, and recomposition hot spots checked.
One power source. 6 lines out.
mobile-android-design · core
core active · 6 lines
- ✓ designing android interf…
Designing Android interfaces following Material Design 3
- ✓ building jetpack compose
Building Jetpack Compose UI and layouts
- ✓ implementing navigation…
Implementing Navigation Compose patterns like bottom nav and drawers
- ✓ creating adaptive layouts
Creating adaptive layouts for phones, tablets, and foldables
- ✓ applying material 3 them…
Applying Material 3 theming with dynamic color and typography
- ✓ optimizing compose recom…
Optimizing Compose recomposition for smooth performance
Yours to keep.
Drag time forward. Watch what stays.
Forever
That's what owning means.
The rented stack
ai writing tool: subscription
expired · access lostanalytics suite: subscription
expired · access lostdesign platform: subscription
expired · access lost(nothing left)
Your forge
-
Ship apps that feel native and personalized with dynamic Material You color
license: perpetual -
Keep scrolling and animations smooth by optimizing recomposition
license: perpetual -
Deliver one codebase that adapts cleanly to phone, tablet, and foldable
license: perpetual -
Build accessible, testable UI through proper state hoisting
license: perpetual
subscriptions expire · deeds don't
Everything in the box.
Pick a piece up. Watch it work.
Compose layout patterns for columns, rows, lazy lists, and adaptive grids
6 parts · one working system · ships instantly by email
This wasn't forged for everyone.
- Not for you if you'd rather rent a tool than own one.
- Not for you if you want someone else to run your stack.
- Not for you if you're happy guessing.
Android developers and designers building native apps with Jetpack Compose and Material Design 3.
then this was forged for you.Works with
Universal by design: these run in any AI. Delivered in the open Agent Skills + MCP format (native in Claude); ChatGPT, Gemini, Cursor and Copilot adapt the same files their own way.
- Claude Native format
- ChatGPT Adapts via open standards
- Gemini Adapts via open standards
- Cursor Adapts via open standards
- Copilot Adapts via open standards
Catch what's on your mind.
the air is clear. nothing between you and the forge.
catch a spark: the forge will answer
-
Do tablets and foldables need separate design work, or does this cover them?
Adaptive layout patterns with lazy lists and adaptive grids cover phone, tablet, and foldable from one codebase. The point is that the layout responds to window size rather than forking per device.
-
My Compose screens stutter when scrolling. What does this change?
It treats recomposition as the core performance lever: state hoisting and recomposition optimization patterns keep scrolling and animations smooth by limiting what redraws. The mental models explain why a screen recomposes, which is usually the real bug.
-
Does it cover the old XML View system or app business logic?
No. It is scoped to Jetpack Compose UI and Material Design 3: layouts, navigation, theming with dynamic color, and component patterns. View-based legacy screens and your data or domain layers are out of scope.
-
How is it delivered?
By email right after purchase: ready to run, downloaded instantly, no setup wait.
-
One-time or subscription?
A one-time purchase; no subscription or hidden fees. VAT (20%) is included.
-
Can I get a refund?
As a digital product, it can’t be refunded once downloaded. That’s why we show exactly what’s inside and who it’s for, right here.