Flutter developers need expert guidance on architecture, state management, and performance optimization across multiple platforms. This skill provides comprehensive Flutter 3.x and Dart 3 expertise for building production-ready applications.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "flutter-expert". How do I implement a responsive layout that works on mobile and desktop?
Erwartetes Ergebnis:
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.
Verwendung von "flutter-expert". What's the best state management for a large e-commerce app?
Erwartetes Ergebnis:
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.
Sicherheitsaudit
SicherPrompt-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.
Qualitätsbewertung
Was du bauen kannst
Architecture Design
Get guidance on structuring Flutter apps with clean architecture, dependency injection, and modular code organization
State Management Selection
Receive recommendations for state management solutions based on app complexity and team experience
Performance Optimization
Learn techniques for optimizing widget rebuilds, memory usage, and rendering performance
Probiere diese Prompts
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.
Bewährte Verfahren
- Use const constructors wherever possible to optimize widget rebuilds
- Implement proper error handling with try-catch and custom Exception classes
- Write comprehensive tests: unit tests for business logic, widget tests for UI components
Vermeiden
- Avoid using setState() for complex state - use proper state management instead
- Do not ignore the 'const' keyword on widgets that accept constant children
- Avoid rebuilding entire widget trees - use Selector or Consumer for granular updates