flutter-ui-ux

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 UIコンポーネントまたは画面を構築する (2) アニメーションとトランジションを実装する (3) レスポンシブなレイアウトを設計する (4) カスタムウィジェットとテーマを作成する (5) UIのパフォーマンスとアクセシビリティの最適化 トリガー: 「Flutter UI の作成」、「Flutter 画面の構築」、「Flutter アニメーション」、「レスポンシブな Flutter レイアウト」、「カスタム Flutter ウィジェット」、「Flutter テーマのデザイン」 ソース: ajianaz/skills-collection。