Les développeurs Flutter ont besoin de conseils d'experts sur l'architecture, la gestion d'état et l'optimisation des performances sur plusieurs plateformes. Cette compétence fournit une expertise complète de Flutter 3.x et Dart 3 pour construire des applications prêtes pour la production.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "flutter-expert". Comment implémenter une mise en page responsive qui fonctionne sur mobile et bureau ?
النتيجة المتوقعة:
Utilisez LayoutBuilder combiné avec des points de rupture. Par exemple :
```dart
Widget build(BuildContext context) {
return LayoutBuilder(
builder: (context, constraints) {
if (constraints.maxWidth < 600) {
return MobileLayout();
}
return DesktopLayout();
},
);
}
```
Vous pouvez également utiliser les media queries et flutter_responsive pour des scénarios plus complexes.
استخدام "flutter-expert". Quelle est la meilleure gestion d'état pour une grande application e-commerce ?
النتيجة المتوقعة:
Pour les grandes applications e-commerce, je recommande Riverpod 2.x ou Bloc. Riverpod offre une sécurité à la compilation et un excellent support de test. Bloc fournit une séparation claire des événements et des états. Envisagez une approche hybride : Riverpod pour l'injection de dépendances et l'état global, Bloc pour la logique métier complexe dans les modules de fonctionnalités.
التدقيق الأمني
آمنPrompt-only skill with no executable code. Static analysis scanned 0 files (0 lines) and detected 0 potential security issues. Risk score: 0/100. This is a benign Flutter development assistant skill that provides guidance, best practices, and code examples through natural language prompts only.
درجة الجودة
ماذا يمكنك بناءه
Conception d'architecture
Obtenez des conseils sur la structuration des applications Flutter avec une architecture propre, l'injection de dépendances et l'organisation modulaire du code
Sélection de la gestion d'état
Recevez des recommandations pour des solutions de gestion d'état basées sur la complexité de l'application et l'expérience de l'équipe
Optimisation des performances
Apprenez des techniques pour optimiser les reconstructions de widgets, l'utilisation de la mémoire et les performances de rendu
جرّب هذه الموجهات
Comment implémenter [widget ou fonctionnalité spécifique] dans Flutter ?
Concevez une structure d'architecture propre pour une application Flutter qui nécessite [liste de fonctionnalités]. Quels dossiers, modèles et dépendances devrais-je utiliser ?
Implémentez la gestion d'état pour une [décrire la fonctionnalité de l'application] en utilisant [Riverpod/Bloc/GetX]. Incluez des exemples de code pour l'état, les événements et la consommation de l'UI.
Créez un canal de plateforme pour accéder à [fonctionnalité native iOS/Android] depuis Flutter. Incluez à la fois l'implémentation Dart et le code natif.
أفضل الممارسات
- Utilisez des constructeurs const dans la mesure du possible pour optimiser les reconstructions de widgets
- Implémentez une gestion d'erreurs appropriée avec try-catch et des classes Exception personnalisées
- Écrivez des tests complets : tests unitaires pour la logique métier, tests de widgets pour les composants UI
تجنب
- Évitez d'utiliser setState() pour un état complexe - utilisez plutôt une gestion d'état appropriée
- N'ignorez pas le mot-clé 'const' sur les widgets qui acceptent des enfants constants
- Évitez de reconstruire des arbres de widgets entiers - utilisez Selector ou Consumer pour des mises à jour granulaires