Toolverse
All skills

mobile-android-design

by wshobson

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
wshobson
Category
Mobile
Views
181

About this skill

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

How to use

  1. Zainstaluj umiejętność w swoim środowisku agenta — dodaj ścieżkę do folderu skills/mobile-android-design z repozytorium autora.

  2. Użyj tej umiejętności, gdy projektujesz interfejs aplikacji Android i chcesz zastosować Material Design 3. Opisz, jakie komponenty chcesz zbudować (karty, przyciski, pola tekstowe, nawigacja) i dla jakich rozmiarów ekranu (telefon, tablet, urządzenie składane).

  3. Poproś o pomoc w budowaniu layoutów Jetpack Compose — opisz strukturę interfejsu (kolumny, wiersze, wyrównanie elementów) i otrzymasz przykłady kodu z prawidłowym użyciem Modifier, Arrangement i Alignment.

  4. Gdy implementujesz Material 3 theming, poproś o wskazówki dotyczące dynamicznych kolorów, palet tonalnych i zapewnienia wystarczającego kontrastu dla dostępności.

  5. Jeśli projektujesz nawigację w aplikacji, skorzystaj z umiejętności, aby poznać wzorce Navigation Compose i dostosować je do różnych rozmiarów ekranu (navigation rail dla tabletów, bottom navigation dla telefonów).

  6. Dla interfejsów wymagających gesty i interakcje specyficzne dla Android, opisz zamierzone zachowanie, a umiejętność podpowie, jak je zaimplementować zgodnie z wytycznymi Material Design.

Related skills

mobile-design

by sickn33

Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or

Mobile
6091

kotlin-multiplatform

by vitorpamplona

Platform abstraction decision-making for Amethyst KMP project. Guides when to abstract vs keep platform-specific,\nsource set placement (commonMain, jvmAndroid, platform-specific), expect/actual patterns. Covers primary targets\n(Android, JVM/Desktop, iOS) with web/wasm future

Mobile
15105

build-macos-apps

by glittercowboy

Build professional native macOS apps in Swift with SwiftUI and AppKit. Full lifecycle - build, debug, test, optimize, ship. CLI-only, no Xcode.

Mobile
31136

interactive-portfolio

by davila7

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio,

Mobile
1823

unreal-engine-cpp-pro

by sickn33

Expert guide for Unreal Engine 5.x C++ development, covering UObject hygiene, performance patterns, and best practices.

Mobile
2582

react-native-design

by wshobson

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.

Mobile
1964