mobile-android-design

Übersicht

Was ist mobile-android-design?

mobile-android-design ist eine spezialisierte Skill für Android-Entwickler und Designer, die visuell ansprechende, adaptive und barrierefreie mobile Oberflächen erstellen möchten. Der Fokus liegt auf den Prinzipien von Material Design 3 (Material You) und Jetpack Compose, Googles modernem UI-Toolkit für Android. Die Skill behandelt Themen wie Theming, Navigation, Layoutsysteme und Best Practices für Apps, die auf Smartphones, Tablets und Foldables hervorragend aussehen.

Für wen ist diese Skill geeignet?

• Android-App-Entwickler, die native Benutzeroberflächen erstellen
• Designer, die Material Design 3 Richtlinien umsetzen
• Teams, die Jetpack Compose für moderne Android-Projekte einsetzen
• Alle, die adaptive Layouts, dynamisches Theming oder erweiterte Navigation benötigen

Welche Probleme werden gelöst?

• Vereinfachte UI-Gestaltung mit Material Design 3 Komponenten
• Leichte Navigationseinrichtung mit Navigation Compose
• Ermöglicht dynamisches Farbtheming und Barrierefreiheit
• Unterstützt responsive Layouts für verschiedene Gerätetypen

Anwendung

Installationsschritte

1. Installieren Sie die Skill mit:

   npx skills add https://github.com/wshobson/agents --skill mobile-android-design
   

2. Beginnen Sie mit der Durchsicht von SKILL.md für eine Übersicht der Konzepte und des Workflows.
3. Erkunden Sie den Ordner references/ für praktische Anleitungen:
   • android-navigation.md: Navigationsmuster und Einrichtung
   • compose-components.md: Jetpack Compose UI-Komponenten und Interaktionen
   • material3-theming.md: Theming und dynamische Farbimplementierung

Wichtige Konzepte und Dateien

Material Design 3 Prinzipien

• Personalisierung durch dynamische Farben
• Barrierefreiheit durch Tonal-Paletten
• Responsive Layouts für große Bildschirme

Jetpack Compose Layout-System

• Verwenden Sie Column und Row für flexible Anordnungen
• Implementieren Sie Listen, Pull-to-Refresh und Swipe-to-Dismiss mit Compose

Navigationsmuster

• Einrichtung von Navigation Compose in android-navigation.md
• Nutzen Sie typsichere Routen und Argumente für robuste Navigation

Theming und adaptive UI

• Anwenden von Material 3 Theming mit dynamischen Farben (material3-theming.md)
• Anpassen von Farbschemata für Hell- und Dunkelmodus

Anpassung an Ihr Projekt

• Nutzen Sie die bereitgestellten Anleitungen und Codebeispiele
• Integrieren Sie Material 3 und Compose-Muster in Ihr eigenes Repository
• Passen Sie Workflows an Ihre Tools und App-Anforderungen an

FAQ

Ist mobile-android-design für alle Android-Projekte geeignet?

Diese Skill ist ideal für Projekte, die Jetpack Compose verwenden und moderne Android UI-Standards anstreben. Wenn Ihre App auf älteren XML-Layouts oder Designsystemen basiert, sollten Sie zuerst auf Compose und Material 3 umstellen.

Wo finde ich Beispiele für Navigation und Theming?

Schauen Sie in die Dateien references/android-navigation.md und references/material3-theming.md für ausführliche Codebeispiele und Einrichtungshinweise.

Wie kann ich den kompletten Skill-Inhalt ansehen?

Öffnen Sie den Reiter Dateien, um die vollständige Dateistruktur zu durchsuchen, einschließlich verschachtelter Referenzen und Hilfsskripte für erweiterte UI-Muster.

Kann ich die Material 3 Farbpalette anpassen?

Ja. In material3-theming.md finden Sie Anleitungen zur Definition eigener Farbschemata und zur Aktivierung dynamischer Farbunterstützung.

Was, wenn ich Tablets und Foldables unterstützen muss?

mobile-android-design enthält Strategien für responsive Layouts und adaptive UI-Muster für große Bildschirme. Überprüfen Sie die Layoutabschnitte in SKILL.md und die Compose-Komponenten-Anleitungen für bewährte Vorgehensweisen.