diff --git a/packages/app_ui/assets/images/dialog/background.png b/packages/app_ui/assets/images/dialog/background.png
new file mode 100644
index 00000000..0aad300f
Binary files /dev/null and b/packages/app_ui/assets/images/dialog/background.png differ
diff --git a/packages/app_ui/lib/gen/assets.gen.dart b/packages/app_ui/lib/gen/assets.gen.dart
new file mode 100644
index 00000000..7e773b71
--- /dev/null
+++ b/packages/app_ui/lib/gen/assets.gen.dart
@@ -0,0 +1,77 @@
+/// GENERATED CODE - DO NOT MODIFY BY HAND
+/// *****************************************************
+///  FlutterGen
+/// *****************************************************
+
+// ignore_for_file: directives_ordering,unnecessary_import
+
+import 'package:flutter/widgets.dart';
+
+class $AssetsImagesGen {
+  const $AssetsImagesGen();
+
+  $AssetsImagesDialogGen get dialog => const $AssetsImagesDialogGen();
+}
+
+class $AssetsImagesDialogGen {
+  const $AssetsImagesDialogGen();
+
+  /// File path: assets/images/dialog/background.png
+  AssetGenImage get background =>
+      const AssetGenImage('assets/images/dialog/background.png');
+}
+
+class Assets {
+  Assets._();
+
+  static const $AssetsImagesGen images = $AssetsImagesGen();
+}
+
+class AssetGenImage extends AssetImage {
+  const AssetGenImage(String assetName) : super(assetName, package: 'app_ui');
+
+  Image image({
+    Key? key,
+    ImageFrameBuilder? frameBuilder,
+    ImageLoadingBuilder? loadingBuilder,
+    ImageErrorWidgetBuilder? errorBuilder,
+    String? semanticLabel,
+    bool excludeFromSemantics = false,
+    double? width,
+    double? height,
+    Color? color,
+    BlendMode? colorBlendMode,
+    BoxFit? fit,
+    AlignmentGeometry alignment = Alignment.center,
+    ImageRepeat repeat = ImageRepeat.noRepeat,
+    Rect? centerSlice,
+    bool matchTextDirection = false,
+    bool gaplessPlayback = false,
+    bool isAntiAlias = false,
+    FilterQuality filterQuality = FilterQuality.low,
+  }) {
+    return Image(
+      key: key,
+      image: this,
+      frameBuilder: frameBuilder,
+      loadingBuilder: loadingBuilder,
+      errorBuilder: errorBuilder,
+      semanticLabel: semanticLabel,
+      excludeFromSemantics: excludeFromSemantics,
+      width: width,
+      height: height,
+      color: color,
+      colorBlendMode: colorBlendMode,
+      fit: fit,
+      alignment: alignment,
+      repeat: repeat,
+      centerSlice: centerSlice,
+      matchTextDirection: matchTextDirection,
+      gaplessPlayback: gaplessPlayback,
+      isAntiAlias: isAntiAlias,
+      filterQuality: filterQuality,
+    );
+  }
+
+  String get path => assetName;
+}
diff --git a/packages/app_ui/lib/gen/gen.dart b/packages/app_ui/lib/gen/gen.dart
new file mode 100644
index 00000000..e7ad4c54
--- /dev/null
+++ b/packages/app_ui/lib/gen/gen.dart
@@ -0,0 +1 @@
+export 'assets.gen.dart';
diff --git a/packages/app_ui/pubspec.yaml b/packages/app_ui/pubspec.yaml
index a6d30228..9a8b884e 100644
--- a/packages/app_ui/pubspec.yaml
+++ b/packages/app_ui/pubspec.yaml
@@ -16,3 +16,15 @@ dev_dependencies:
   mocktail: ^0.2.0
   test: ^1.19.2
   very_good_analysis: ^2.4.0
+
+flutter:
+  uses-material-design: true
+  generate: true
+
+  assets:
+    - assets/images/dialog/
+
+flutter_gen:
+  line_length: 80
+  assets:
+    package_parameter_enabled: true