android-jetpack-compose-expert
Android-Apps mit Jetpack Compose entwickeln
Moderne Android-Entwicklung erfordert ein Verständnis von Compose-State-Management und Leistungsoptimierung. Diese Fähigkeit bietet produktionsreife Muster für die Erstellung reaktiver Benutzeroberflächen mit ViewModels, typsicherer Navigation und Material Design 3.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "android-jetpack-compose-expert". Erstellen Sie einen Anmeldebildschirm mit E-Mail- und Passwortfeldern
Résultat attendu:
- LoginScreen-Composable mit TextField-Eingaben für E-Mail und Passwort
- LoginUiState-Datenklasse mit Validierungszuständen
- LoginViewModel, das Authentifizierung mit StateFlow behandelt
- Material Design 3-gestalteter Button mit Ladeanzeige
Utilisation de "android-jetpack-compose-expert". Optimieren Sie diese Liste für Recomposition
Résultat attendu:
- Verwenden Sie remember, um sortierte/gefilterte Listenergebnisse zu cachen
- Wenden Sie @Immutable-Annotation auf Datenklassen-Items an
- Übergeben Sie Item-Click-Callbacks anstelle ganzer Item-Objekte
- Implementieren Sie den key-Parameter in lazy items für stabile Identität
Audit de sécurité
SûrThis skill contains documentation-only content (Kotlin code examples for Android Jetpack Compose). All 33 static analysis findings are false positives: backticks detected are markdown formatting and Kotlin syntax, not shell command execution. No executable code, network access, or file system operations present.
Score de qualité
Ce que vous pouvez construire
Neues Android-Projekt einrichten
Beginnen Sie mit einem neuen Android-Projekt unter Verwendung von Jetpack Compose mit korrekter Dependency-Konfiguration und Projektstruktur.
XML-zu-Compose-Migration
Migrieren Sie bestehende XML-basierte Layouts zu modernen Compose-UIs unter Beibehaltung der Funktionalität und Verbesserung der Leistung.
Leistungsoptimierung
Debuggen und beheben Sie Recomposition-Probleme, implementieren Sie ordnungsgemäßes State-Management und optimieren Sie die UI-Rendering-Leistung.
Essayez ces prompts
Erstellen Sie einen Jetpack Compose-Bildschirm, der ein Benutzerprofil mit Name, E-Mail und Avatarbild anzeigt. Verwenden Sie Material Design 3-Komponenten und befolgen Sie Compose-Best-Practices für zustandslose Composables.
Generieren Sie ein ViewModel für einen Anmeldebildschirm unter Verwendung von StateFlow für den UI-State. Fügen Sie Lade-, Erfolgs- und Fehlerzustände hinzu. Verwenden Sie ordnungsgemäße Kapselung, indem Sie nur unveränderliche StateFlow exponieren.
Richten Sie Navigation Compose mit typsicheren Routen für einen Drei-Bildschirm-Flow ein: Home, Produktdetail und Checkout. Verwenden Sie die neue @Serializable-Annotation für Routendefinitionen.
Analysieren Sie diesen Compose-Code auf potenzielle Recomposition-Probleme. Identifizieren Sie, wo remember, derivedStateOf oder key() verwendet werden sollten, um die Leistung zu optimieren. Erklären Sie die Stabilitätsanalyse für jede Datenklasse.
Bonnes pratiques
- Verwenden Sie remember und derivedStateOf, um unnötige Berechnungen während der Recomposition zu minimieren
- Markieren Sie Datenklassen als @Immutable oder @Stable, wenn sie List oder andere instabile Typen enthalten
- Verwenden Sie LaunchedEffect für einmalige Seiteneffekte, die durch State-Änderungen ausgelöst werden
Éviter
- Ausführen kostspieliger Operationen wie das Sortieren von Listen direkt im Composable-Body ohne remember
- Weitergeben von ViewModel-Instanzen an Kind-Komponenten anstelle von State und Callbacks
- Direktes Aktualisieren von State innerhalb der Composable-Komposition anstelle von Side-Effect oder Callback