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: ...) |
Комплексные навыки разработки Flutter UI/UX для создания красивых, адаптивных и анимированных мобильных приложений. Используйте, когда пользователь просит: (1) Создание компонентов или экранов пользовательского интерфейса Flutter. (2) Реализация анимации и переходов. (3) Создавайте адаптивные макеты (4) Создавайте собственные виджеты и темы. (5) Оптимизация производительности и доступности пользовательского интерфейса. Триггеры: «создание пользовательского интерфейса Flutter», «создание экрана Flutter», «анимация Flutter», «адаптивный макет Flutter», «пользовательские виджеты Flutter», «Дизайн темы Flutter». Источник: ajianaz/skills-collection.