Create beautiful, responsive, and animated Flutter applications with modern design patterns and best practices.
| 1 | Widget Composition | Reusable, maintainable UI components | | 2 | Responsive Design | Adaptive layouts for all screen sizes | | 3 | Animations | Smooth, purposeful transitions and micro-interactions | | 4 | Custom Themes | Consistent, branded visual identity | | 5 | Performance | 60fps rendering and optimal resource usage |
| LayoutBuilder | Responsive layouts | LayoutBuilder(builder: (context, constraints) => ...) | | MediaQuery | Screen info | MediaQuery.of(context).size.width | | Flexible/Expanded | Flex layouts | Flexible(child: ...) or Expanded(child: ...) | | AspectRatio | Fixed ratios | AspectRatio(aspectRatio: 16/9, child: ...) |
Umfassende Flutter-UI/UX-Entwicklungsfähigkeiten zum Erstellen schöner, reaktionsfähiger und animierter mobiler Anwendungen. Verwenden Sie diese Option, wenn der Benutzer Folgendes verlangt: (1) Erstellen Sie Flutter-UI-Komponenten oder -Bildschirme (2) Implementieren Sie Animationen und Übergänge (3) Entwerfen Sie responsive Layouts (4) Erstellen Sie benutzerdefinierte Widgets und Themen (5) Optimieren Sie die Leistung und Zugänglichkeit der Benutzeroberfläche Auslöser: „Flutter-Benutzeroberfläche erstellen“, „Flutter-Bildschirm erstellen“, „Flutter-Animationen“, „responsives Flutter-Layout“, „benutzerdefinierte Flutter-Widgets“, „Flutter-Theme-Design“ Quelle: ajianaz/skills-collection.