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: ...) |
Competenze complete di sviluppo UI/UX di Flutter per la creazione di applicazioni mobili belle, reattive e animate. Utilizzare quando l'utente chiede di: (1) Costruisci componenti o schermate dell'interfaccia utente di Flutter (2) Implementare animazioni e transizioni (3) Progettare layout reattivi (4) Crea widget e temi personalizzati (5) Ottimizzare le prestazioni e l'accessibilità dell'interfaccia utente Trigger: "crea interfaccia utente Flutter", "crea schermata Flutter", "animazioni Flutter", "layout Flutter reattivo", "widget Flutter personalizzati", "design tema Flutter" Fonte: ajianaz/skills-collection.