skills.rest
SanketAdlak
SanketAdlakCOMMUNITY
Explore all skills by this author →
Website𝕏@devsanket14GitHub

mobile-android-design

Implement Material Design 3 interfaces with Jetpack Compose for native Android applications.

Updated Apr 23, 2026
Search Tags:#navigation#ui design#android#kotlin#jetpack compose#material design 3#adaptive layout
One-click install
npx skills add https://github.com/SanketAdlak/PDMProjectDesign --skill mobile-android-design-sanketadlak
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-android-design
Source: https://github.com/SanketAdlak/PDMProjectDesign/tree/main/.agents/skills/mobile-android-design
Command: npx skills add https://github.com/SanketAdlak/PDMProjectDesign --skill mobile-android-design-sanketadlak

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building native Android UIs requires mastering Material Design 3 guidelines, Jetpack Compose layout patterns, navigation architecture, and adaptive design for phones, tablets, and foldables, which involves significant boilerplate and platform-specific knowledge. ## Core Features & Use Cases - Jetpack Compose UI Patterns: Ready-to-use implementations of layouts, lazy lists, cards, buttons, forms, dialogs, bottom sheets, and loading states following Material 3 conventions. - Navigation Architecture: Type-safe Navigation Compose setups including bottom navigation, navigation drawers, navigation rails, deep links, nested graphs, and animated transitions. - Material 3 Theming: Dynamic color support for Android 12+, custom color schemes, typography scales, shape systems, and elevation handling. - Adaptive Layouts: Window size class handling and foldable device support for responsive multi-screen experiences. - Use Case: When building a new Android app screen, use this Skill to generate a complete Compose implementation with bottom navigation, Material 3 theming, and a lazy list with pull-to-refresh, all following Google's design guidelines. ## Quick Start Ask the AI to build an Android settings screen using Jetpack Compose with Material 3 theming, a switch, radio buttons, and a dropdown menu.

Frequently Asked Questions about mobile-android-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement bottom navigation in Jetpack Compose?▼

Use NavigationBar with NavigationBarItem inside a Scaffold's bottomBar slot, wired to a NavHostController. Configure each item's onClick with popUpTo the start destination, launchSingleTop, and restoreState to maintain proper back stack behavior.

How to enable Material You dynamic color in Android apps?▼

Check Build.VERSION.SDK_INT >= Build.VERSION_CODES.S, then call dynamicDarkColorScheme or dynamicLightColorScheme with LocalContext.current. Fall back to custom lightColorScheme and darkColorScheme definitions on older Android versions.

Does Navigation Compose support type-safe arguments?▼

Yes, Navigation Compose 2.7+ supports type-safe routes using Kotlin serialization. Define destinations as @Serializable objects or data classes, navigate with the class instance, and retrieve arguments via backStackEntry.toRoute().

How do I make Compose layouts adapt to tablets and foldables?▼

Use calculateWindowSizeClass to detect Compact, Medium, or Expanded width classes, then swap between bottom navigation, navigation rail, or permanent drawer layouts. FoldingFeature state handles half-opened foldable postures.

Why does my Compose list perform poorly with many items?▼

Using Column with verticalScroll renders all items at once, causing performance issues. Switch to LazyColumn or LazyVerticalGrid, which compose only visible items, and provide stable keys via the items key parameter.

How do I handle state across configuration changes in Compose?▼

Use rememberSaveable instead of remember for values that must survive rotation and process death. Hoist state to parent composables or ViewModels to keep components reusable and testable.

Related Skills

Explore More Software Engineering Skills→
BENYEKHLEF-AnouarBENYEKHLEF-Anouar

architecte-contenu

Generate sitemap.md, content-strategy.md, and Markdown wireframes from a project brief.

Community
Intermediate
cycling02cycling02

android-testing-master

Guide Android unit, integration, and UI testing with Kotlin and Jetpack Compose.

Community
Advanced
ronjunevaldozronjunevaldoz
2

kmp-compose-accessibility

Implements Compose Multiplatform accessibility with semantics, contentDescription, touch targets, and Roborazzi a11y snapshot tests.

Community
Intermediate
PostalocityPostalocity
1

mobile-developer

Guide iOS and Android development with Swift, Kotlin, and cross-platform frameworks.

Official
Intermediate