Los desarrolladores de Flutter necesitan orientación experta en arquitectura, gestión de estado y optimización de rendimiento en múltiples plataformas. Esta habilidad proporciona experiencia integral en Flutter 3.x y Dart 3 para crear aplicaciones listas para producción.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "flutter-expert". How do I implement a responsive layout that works on mobile and desktop?
النتيجة المتوقعة:
Use LayoutBuilder combined with Breakpoints. For example:
```dart
Widget build(BuildContext context) {
return LayoutBuilder(
builder: (context, constraints) {
if (constraints.maxWidth < 600) {
return MobileLayout();
}
return DesktopLayout();
},
);
}
```
You can also use media queries and flutter_responsive for more complex scenarios.
استخدام "flutter-expert". What's the best state management for a large e-commerce app?
النتيجة المتوقعة:
For large e-commerce apps, I recommend Riverpod 2.x or Bloc. Riverpod offers compile-time safety and excellent testing support. Bloc provides clear separation of events and states. Consider a hybrid: Riverpod for dependency injection and global state, Bloc for complex business logic in feature modules.
التدقيق الأمني
آمن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.
درجة الجودة
ماذا يمكنك بناءه
Diseño de Arquitectura
Obtén orientación sobre cómo estructurar aplicaciones Flutter con arquitectura limpia, inyección de dependencias y organización modular del código
Selección de Gestión de Estado
Recibe recomendaciones sobre soluciones de gestión de estado según la complejidad de la aplicación y la experiencia del equipo
Optimización de Rendimiento
Aprende técnicas para optimizar reconstrucciones de widgets, uso de memoria y rendimiento de renderizado
جرّب هذه الموجهات
How do I implement [specific widget or feature] in Flutter?
Design a clean architecture structure for a Flutter app that needs [feature list]. What folders, patterns, and dependencies should I use?
Implement state management for a [describe app feature] using [Riverpod/Bloc/GetX]. Include code examples for state, events, and UI consumption.
Create a platform channel to access [native iOS/Android feature] from Flutter. Include both Dart and native code implementation.
أفضل الممارسات
- Usa constructores const donde sea posible para optimizar las reconstrucciones de widgets
- Implementa manejo adecuado de errores con try-catch y clases Exception personalizadas
- Escribe pruebas exhaustivas: pruebas unitarias para lógica de negocio, pruebas de widgets para componentes de UI
تجنب
- Evita usar setState() para estado complejo - usa gestión de estado adecuada en su lugar
- No ignores la palabra clave 'const' en widgets que aceptan hijos constantes
- Evita reconstruir árboles de widgets completos - usa Selector o Consumer para actualizaciones granulares