diff --git a/.gitignore b/.gitignore
index 858a3b8..d810470 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,3 +28,5 @@ tmp/
 
 .bundle-discovery/
 /lib/.tmp.js
+
+_serializer/README.md
diff --git a/README.md b/README.md
index 50e8bd4..27b29a2 100644
--- a/README.md
+++ b/README.md
@@ -30,7 +30,7 @@ There are two ways to install the package:
 #### 1. Install (independent tool)
 
 ```bash
-yarn add -D react-native-bundle-discovery
+yarn add -D react-native-bundle-discovery react-native-bundle-discovery-ui
 ```
 
 Add to your `metro.config.js`:
@@ -117,7 +117,7 @@ npx react-native bundle \
 Run webserver to view the report:
 
 ```bash
-npx react-native-bundle-discovery server metro-stats.json [--port <port>]
+npx react-native-bundle-discovery-ui server metro-stats.json [--port <port>]
 ```
 
 ##### 4.2 Build the HTML report
@@ -125,7 +125,7 @@ npx react-native-bundle-discovery server metro-stats.json [--port <port>]
 Run the following command to generate an HTML report from the JSON file:
 
 ```bash
-npx react-native-bundle-discovery build metro-stats.json
+npx react-native-bundle-discovery-ui build metro-stats.json
 ```
 
 
diff --git a/_cli/analyze.js b/_cli/analyze.js
new file mode 100644
index 0000000..8e32cf8
--- /dev/null
+++ b/_cli/analyze.js
@@ -0,0 +1,81 @@
+const path = require("path");
+const chalk = require("chalk");
+const { prepareReport } = require("./prepare.js");
+const recommendations = require("./recommendations/index.js");
+
+function readBuildReport(filePath) {
+  try {
+    // Resolve from current working directory to support relative CLI paths.
+    const resolvedPath = path.resolve(filePath);
+    const report = require(resolvedPath);
+    return prepareReport(report);
+  } catch (error) {
+    throw new Error(`Failed to read report file: ${filePath}\n${error.message}`);
+  }
+}
+
+function collectRecommendations(report) {
+  return recommendations
+    .flatMap((recommendation) => {
+      const finding = recommendation.check(report);
+      if (!finding) {
+        return null;
+      }
+
+      return (Array.isArray(finding) ? finding : [finding]).map(f => {
+        return {
+          id: recommendation.id,
+          title: recommendation.title,
+          ...f,
+        };
+      });
+    })
+    .filter(Boolean);
+}
+
+function printDefaultFormat(filePath, findings) {
+  const prettyPath = chalk.cyan(filePath);
+
+  if (findings.length === 0) {
+    console.log(`${chalk.green("No optimization recommendations found for")} ${prettyPath}.`);
+    return;
+  }
+
+  const recommendationLabel = findings.length === 1 ? "recommendation" : "recommendations";
+  console.log(
+    `${chalk.bold.green("Found")} ${chalk.bold(findings.length)} ${chalk.green(`${recommendationLabel}:`)}`,
+  );
+  console.log(`${chalk.dim("Report:")} ${prettyPath}`);
+  console.log();
+
+  findings.forEach((finding, index) => {
+    console.log(`${chalk.bold.yellow(`${index + 1}.`)} ${chalk.bold(finding.title)}`);
+
+    if (finding.message) {
+      console.log(`   ${chalk.blue("Why:")} ${finding.message}`);
+    }
+
+    if (finding.packages && finding.packages.length > 0) {
+      console.log(`   ${chalk.magenta("Packages:")} ${finding.packages}`);
+    }
+
+    if (finding.docsUrl) {
+      const docs = Array.isArray(finding.docsUrl) ? finding.docsUrl.join(", ") : finding.docsUrl;
+      console.log(`   ${chalk.cyan("Links:")} ${chalk.underline(docs)}`);
+    }
+
+    if (index < findings.length - 1) {
+      console.log(chalk.dim("   ----------------------------------------"));
+    }
+  });
+}
+
+function printAnalyzeReport(filePath) {
+  const report = readBuildReport(filePath);
+  const findings = collectRecommendations(report);
+  printDefaultFormat(filePath, findings);
+}
+
+module.exports = {
+  printAnalyzeReport,
+};
diff --git a/_cli/bin.js b/_cli/bin.js
new file mode 100644
index 0000000..c67378f
--- /dev/null
+++ b/_cli/bin.js
@@ -0,0 +1,88 @@
+#!/usr/bin/env node
+const minimist = require("minimist");
+
+function printHelp() {
+  console.log(`react-native-bundle-discovery-cli
+
+Usage:
+  react-native-bundle-discovery-cli packages <file> [--sort size|name] [--format json|table|default]
+  react-native-bundle-discovery-cli analyze <file> [--format json|default]
+  react-native-bundle-discovery-cli analize <file> [--format json|default]
+
+Commands:
+  packages <file>       Print package list from a Metro bundler stat report
+  analyze <file>        Analyze bundle and print optimization recommendations
+  analize <file>        Alias for analyze
+
+Options:
+  -h, --help             Show help
+  --sort                 Sort by size (default, desc) or name (asc)
+  --format               Output format: json, table, or default (default: default)
+`);
+}
+
+function fail(message) {
+  console.error(message);
+  console.error("Use --help to see usage.");
+  process.exit(1);
+}
+
+const argv = minimist(process.argv.slice(2), {
+  alias: {
+    h: "help",
+  },
+  boolean: ["help"],
+  default: {
+    sort: "size",
+    format: "default",
+  },
+});
+
+const command = argv._[0];
+
+if (argv.help || !command) {
+  printHelp();
+  process.exit(0);
+}
+
+if (command === "packages") {
+  const file = argv._[1];
+  const sort = argv.sort;
+  const format = argv.format;
+  if (!file) {
+    fail("Missing required argument: <file>");
+  }
+  if (sort !== "size" && sort !== "name") {
+    fail(`Invalid value for --sort: ${sort}. Expected one of: size, name.`);
+  }
+  if (format !== "json" && format !== "table" && format !== "default") {
+    fail(`Invalid value for --format: ${format}. Expected one of: json, table, default.`);
+  }
+
+  try {
+    const { printPackagesList } = require("./packages.js");
+    return printPackagesList(file, { sort, format });
+  } catch (error) {
+    fail(error.message);
+  }
+}
+
+if (command === "analyze" || command === "analize") {
+  const file = argv._[1];
+  const format = argv.format;
+  if (!file) {
+    fail("Missing required argument: <file>");
+  }
+  if (format !== "json" && format !== "default") {
+    fail(`Invalid value for --format: ${format}. Expected one of: json, default.`);
+  }
+
+  try {
+    const { printAnalyzeReport } = require("./analyze.js");
+    return printAnalyzeReport(file, { format });
+  } catch (error) {
+    fail(error.message);
+  }
+}
+
+fail(`Unknown command: ${command}`);
diff --git a/_cli/index.js b/_cli/index.js
new file mode 100644
index 0000000..8e56230
--- /dev/null
+++ b/_cli/index.js
@@ -0,0 +1,56 @@
+/**
+ * @typedef {Object} TransformOptions
+ * @property {Record<string, *>} customTransformOptions - Кастомные опции трансформации
+ * @property {boolean} dev - Флаг режима разработки
+ * @property {boolean} minify - Флаг минификации кода
+ * @property {string} platform - Целевая платформа (например, "ios", "android")
+ * @property {string} type - Тип модуля
+ * @property {string} unstable_transformProfile - Профиль трансформации
+ */
+
+/**
+ * @typedef {Object} PackageInfo
+ * @property {string} name - Название пакета
+ * @property {string} absolutePath - Абсолютный путь к пакету
+ * @property {string} version - Версия пакета
+ * @property {string} path - Относительный путь к пакету
+ */
+
+/**
+ * @typedef {Object} SourceInfo
+ * @property {string} code - Исходный код
+ * @property {number} lineCount - Количество строк в исходном коде
+ * @property {number} sizeInBytes - Размер исходного кода в байтах
+ */
+
+/**
+ * @typedef {Object} OutputInfo
+ * @property {string} code - Скомпилированный/сминифицированный код
+ * @property {number} lineCount - Количество строк в итоговом коде
+ * @property {number} sizeInBytes - Размер итогового кода в байтах
+ */
+
+/**
+ * @typedef {Object} ModuleInfo
+ * @property {string} path - Относительный путь к модулю
+ * @property {SourceInfo} source - Информация об исходном коде
+ * @property {OutputInfo} output - Информация о собранном коде
+ * @property {Array<*>} dependencies - Список зависимостей модуля
+ * @property {string} absolutePath - Абсолютный путь к файлу модуля
+ * @property {Array<*>} duplicates - Дубликаты модуля
+ * @property {ModuleInfo[]} dependents - Модули, зависящие от данного (рекурсивный тип)
+ */
+
+/**
+ * @typedef {Object} BuildReport
+ * @property {number} date - Timestamp даты сборки
+ * @property {string} entryPoint - Абсолютный путь к точке входа
+ * @property {TransformOptions} transformOptions - Параметры трансформации
+ * @property {Record<string, string>} envs - Переменные окружения
+ * @property {string} rootFolder - Абсолютный путь к корневой папке проекта
+ * @property {PackageInfo[]} packages - Список используемых пакетов
+ * @property {ModuleInfo[]} modules - Список обработанных модулей
+ */
+
+/** @type {BuildReport} */
+const report = require("./tmp/metro-stats.json");
diff --git a/_cli/package.json b/_cli/package.json
new file mode 100644
index 0000000..8224bed
--- /dev/null
+++ b/_cli/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "react-native-bundle-discovery-cli",
+  "version": "2.0.0-rc.1",
+  "main": "index.js",
+  "bin": "bin.js",
+  "repository": "git@github.com:retyui/react-native-bundle-discovery.git",
+  "author": "David <4661784+retyui@users.noreply.github.com>",
+  "license": "MIT",
+  "dependencies": {
+    "minimist": "^1.2.8",
+    "chalk": "^4.1.2"
+  },
+  "files": [
+    "index.js",
+    "bin.js",
+    "analyze.js",
+    "packages.js",
+    "prepare.js",
+    "recommendations"
+  ]
+}
diff --git a/_cli/packages.js b/_cli/packages.js
new file mode 100644
index 0000000..bd340fa
--- /dev/null
+++ b/_cli/packages.js
@@ -0,0 +1,256 @@
+const path = require("path");
+const { prepareReport } = require("./prepare.js");
+const { formatBytes } = require("./utils.js");
+const chalk = require("chalk");
+
+const LODASH_FAMILY_GROUP = "lodash (please use only one)";
+
+function getDuplicateGroupName(packageName) {
+  if (
+    packageName === "lodash" ||
+    packageName === "lodash-es" ||
+    packageName === "underscore" ||
+    packageName === "ramda" ||
+    packageName.startsWith("lodash.")
+  ) {
+    return LODASH_FAMILY_GROUP;
+  }
+
+  return packageName;
+}
+
+function readBuildReport(filePath) {
+  try {
+    // Resolve from current working directory to support relative CLI paths.
+    const resolvedPath = path.resolve(filePath);
+    const report = require(resolvedPath);
+
+    return prepareReport(report);
+  } catch (error) {
+    throw new Error(`Failed to read report file: ${filePath}\n${error.message}`);
+  }
+}
+
+function getPackageGroups(report, sort = "size") {
+  const groupedPackages = report.packages.reduce((map, pkg) => {
+    const name = pkg?.name ?? "<unknown>";
+    const duplicateGroupName = getDuplicateGroupName(name);
+    const version = pkg?.version ?? "<unknown>";
+    const packagePath = pkg?.path ?? pkg?.absolutePath ?? "<unknown>";
+    const sizeInBytes = pkg?.sizeInBytes ?? 0;
+
+    if (!map.has(duplicateGroupName)) {
+      map.set(duplicateGroupName, []);
+    }
+
+    map.get(duplicateGroupName).push({
+      name,
+      version,
+      path: packagePath,
+      sizeInBytes,
+    });
+    return map;
+  }, new Map());
+
+  const packageGroups = Array.from(groupedPackages.entries()).map(([name, entries]) => {
+    const totalSizeInBytes = entries.reduce((sum, entry) => sum + entry.sizeInBytes, 0);
+    return { name, entries, totalSizeInBytes };
+  });
+
+  if (sort === "name") {
+    packageGroups.sort((a, b) => a.name.localeCompare(b.name));
+  } else {
+    // Default behavior: show heavier packages first.
+    packageGroups.sort((a, b) => b.totalSizeInBytes - a.totalSizeInBytes);
+  }
+
+  return packageGroups;
+}
+
+function printDefaultFormat(packageGroups, report) {
+  const duplicateCount = packageGroups.filter(({ entries }) => entries.length > 1).length;
+
+  console.log(
+    chalk.bold.cyan(
+      `Found ${report.packages.length} package entries (${packageGroups.length} unique names)`,
+    ),
+  );
+
+  if (duplicateCount > 0) {
+    console.log(chalk.bold.yellow(`Duplicate package names: ${duplicateCount}`));
+  } else {
+    console.log(chalk.bold.green("Duplicate package names: 0"));
+  }
+
+  packageGroups.forEach(({ name, entries }, index) => {
+    const listIndex = chalk.dim(`${index + 1}.`);
+
+    if (entries.length === 1) {
+      const entry = entries[0];
+      console.log(
+        `${listIndex} ${chalk.whiteBright(`${entry.name}@${entry.version}`)} ${chalk.gray(`(${entry.path})`)} - ${chalk.magenta(formatBytes(entry.sizeInBytes))}`,
+      );
+      return;
+    }
+
+    console.log(
+      `${listIndex} ${chalk.yellowBright(name)} ${chalk.black.bgYellow(` DUPLICATE x${entries.length} `)}`,
+    );
+    entries.forEach((entry, entryIndex) => {
+      console.log(
+        `   ${chalk.gray(`- ${entryIndex + 1})`)} ${chalk.white(`${entry.name}@${entry.version}`)} ${chalk.gray(`(${entry.path})`)} - ${chalk.magenta(formatBytes(entry.sizeInBytes))}`,
+      );
+    });
+  });
+}
+
+function printTableFormat(packageGroups, report) {
+  const duplicateCount = packageGroups.filter(({ entries }) => entries.length > 1).length;
+
+  console.log(
+    `Found ${report.packages.length} package entries (${packageGroups.length} unique names)`,
+  );
+  console.log(`Duplicate package names: ${duplicateCount}`);
+  console.log("");
+
+  const rows = [];
+  packageGroups.forEach(({ name, entries }, index) => {
+    if (entries.length === 1) {
+      const entry = entries[0];
+      rows.push({
+        "#": index + 1,
+        "Package": `${entry.name}@${entry.version}`,
+        "Path": entry.path,
+        "Size": formatBytes(entry.sizeInBytes),
+      });
+    } else {
+      rows.push({
+        "#": index + 1,
+        "Package": `${name} [DUPLICATE x${entries.length}]`,
+        "Path": "",
+        "Size": "",
+      });
+      entries.forEach((entry, entryIndex) => {
+        rows.push({
+          "#": "",
+          "Package": `  ${entryIndex + 1}) ${entry.name}@${entry.version}`,
+          "Path": entry.path,
+          "Size": formatBytes(entry.sizeInBytes),
+        });
+      });
+    }
+  });
+
+  // Print table
+  if (rows.length > 0) {
+    const keys = Object.keys(rows[0]);
+    const colWidths = {};
+    keys.forEach(key => {
+      colWidths[key] = Math.max(
+        key.length,
+        ...rows.map(row => String(row[key]).length),
+      );
+    });
+
+    // Print header
+    console.log(
+      keys.map(key => key.padEnd(colWidths[key])).join(" | "),
+    );
+    console.log(
+      keys.map(key => "-".repeat(colWidths[key])).join("-+-"),
+    );
+
+    // Print rows
+    rows.forEach(row => {
+      console.log(
+        keys.map(key => String(row[key]).padEnd(colWidths[key])).join(" | "),
+      );
+    });
+  }
+}
+
+function printJsonFormat(packageGroups, report) {
+  const duplicateCount = packageGroups.filter(({ entries }) => entries.length > 1).length;
+
+  const output = {
+    summary: {
+      totalPackageEntries: report.packages.length,
+      uniquePackageNames: packageGroups.length,
+      duplicatePackages: duplicateCount,
+    },
+    packages: packageGroups.map(({ name, entries, totalSizeInBytes }, index) => {
+      if (entries.length === 1) {
+        const entry = entries[0];
+        return {
+          index: index + 1,
+          name: entry.name,
+          isDuplicate: false,
+          entries: [
+            {
+              name: entry.name,
+              version: entry.version,
+              path: entry.path,
+              sizeInBytes: entry.sizeInBytes,
+              size: formatBytes(entry.sizeInBytes),
+            },
+          ],
+          totalSizeInBytes,
+          totalSize: formatBytes(totalSizeInBytes),
+        };
+      } else {
+        return {
+          index: index + 1,
+          name,
+          isDuplicate: true,
+          duplicateCount: entries.length,
+          entries: entries.map((entry, entryIndex) => ({
+            index: entryIndex + 1,
+            name: entry.name,
+            version: entry.version,
+            path: entry.path,
+            sizeInBytes: entry.sizeInBytes,
+            size: formatBytes(entry.sizeInBytes),
+          })),
+          totalSizeInBytes,
+          totalSize: formatBytes(totalSizeInBytes),
+        };
+      }
+    }),
+  };
+
+  console.log(JSON.stringify(output, null, 2));
+}
+
+function printPackagesList(filePath, options = {}) {
+  const { sort = "size", format = "default" } = options;
+  const report = readBuildReport(filePath);
+
+  if (report.packages.length === 0) {
+    if (format === "json") {
+      console.log(JSON.stringify({ message: "No packages found in report" }));
+    } else {
+      console.log("No packages found in report");
+    }
+    return;
+  }
+
+  const packageGroups = getPackageGroups(report, sort);
+
+  switch (format) {
+    case "json":
+      printJsonFormat(packageGroups, report);
+      break;
+    case "table":
+      printTableFormat(packageGroups, report);
+      break;
+    default:
+      printDefaultFormat(packageGroups, report);
+  }
+}
+
+module.exports = {
+  printPackagesList,
+  getDuplicateGroupName,
+  getPackageGroups,
+  LODASH_FAMILY_GROUP,
+};
diff --git a/_cli/prepare.js b/_cli/prepare.js
new file mode 100644
index 0000000..3bfe351
--- /dev/null
+++ b/_cli/prepare.js
@@ -0,0 +1,26 @@
+function getSize(report, pkg) {
+  let size = 0;
+  report.modules.forEach(module => {
+     if(module.path.startsWith(pkg.absolutePath + '/')) {
+       size += module.output?.sizeInBytes ?? 0;
+     }
+  });
+  return size;
+}
+
+function prepareReport(report) {
+  report.packages = report.packages.map((pkg) => {
+    const sizeInBytes = getSize(report, pkg);
+    return {
+      ...pkg,
+      path: pkg.absolutePath.replace(report.rootFolder + '/', ''),
+      sizeInBytes,
+    };
+  });
+
+  return report;
+}
+
+module.exports = {
+  prepareReport,
+};
diff --git a/_cli/recommendations/duplicate-packages.js b/_cli/recommendations/duplicate-packages.js
new file mode 100644
index 0000000..a6b7db7
--- /dev/null
+++ b/_cli/recommendations/duplicate-packages.js
@@ -0,0 +1,46 @@
+const { getPackageGroups, LODASH_FAMILY_GROUP } = require("../packages.js");
+
+module.exports = {
+  id: "duplicate-packages",
+  title: "Deduplicate repeated packages in the bundle",
+  check(report) {
+    const packageGroups = getPackageGroups(report, "size");
+    const duplicateGroups = packageGroups.filter((group) => group.entries.length > 1);
+
+    if (duplicateGroups.length === 0) {
+      return null;
+    }
+
+    return duplicateGroups.map((group) => {
+      const {name, entries} = group;
+      const versions = Array.from(new Set(entries.map((entry) => `${entry.name}@${entry.version} (${entry.path})`)));
+      const packages = `${name === LODASH_FAMILY_GROUP ? 'lodash' : name} x${entries.length}:\n             - ${versions.join("\n             - ")}`;
+      const hasDotLodash = entries.some(e =>e.name.startsWith("lodash."));
+      const hasESLodash = entries.some(e =>e.name === 'lodash-es');
+      const hasSimpleLodash = entries.some(e => e.name === "lodash");
+      const hasUnderscore = entries.some(e => e.name === 'underscore');
+      const hasRamda = entries.some(e => e.name === 'ramda');
+
+      const message = [
+        hasDotLodash && hasSimpleLodash && "You can simply use `lodash/*` imports and remove `lodash.*` packages",
+        hasESLodash && hasSimpleLodash && "You don't need two copy of `lodash` and `lodash-es`! Just use one",
+        hasUnderscore && "You have both `underscore` and `lodash` in your project. Consider using only one library to reduce bundle size.",
+        hasRamda && "You have both `ramda` and `lodash` in your project. Consider using only one library to reduce bundle size.",
+      ].filter(Boolean).join("; ");
+
+      if(name === LODASH_FAMILY_GROUP){
+        return {
+          packages,
+          message,
+          docsUrl: null,
+        }
+      }
+
+      return {
+        packages,
+        message: `Found ${duplicateGroups.length} duplicate packages. Align versions or use dependency overrides (npm) / resolutions (yarn) to keep a single copy per package. Use a "${require('../package.json').name} packages <file>" command to see more...`,
+        docsUrl: ["https://docs.npmjs.com/cli/v10/configuring-npm/package-json#overrides", "https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/"],
+      };
+    })
+  },
+};
diff --git a/_cli/recommendations/index.js b/_cli/recommendations/index.js
new file mode 100644
index 0000000..98ef9b0
--- /dev/null
+++ b/_cli/recommendations/index.js
@@ -0,0 +1,5 @@
+const reactNativeLinearGradient = require("./linear-gradient.js");
+const reactNativeRadialGradient = require("./radial-gradient.js");
+const duplicatePackages = require("./duplicate-packages.js");
+
+module.exports = [reactNativeLinearGradient, reactNativeRadialGradient, duplicatePackages];
diff --git a/_cli/recommendations/linear-gradient.js b/_cli/recommendations/linear-gradient.js
new file mode 100644
index 0000000..d1fac5b
--- /dev/null
+++ b/_cli/recommendations/linear-gradient.js
@@ -0,0 +1,36 @@
+const { isVersionGte } = require("../utils.js");
+
+module.exports = {
+  id: "linear-gradient-vs-background-image",
+  title: "Replace third-party linear gradient libraries with built-in backgroundImage",
+  check(report) {
+    const packages = report?.packages ?? [];
+    const gradientPkgs = packages.filter(
+      (pkg) => pkg?.name === "react-native-linear-gradient" || pkg?.name === "expo-linear-gradient",
+    );
+
+    if (gradientPkgs.length === 0) {
+      return null;
+    }
+
+    const reactNativeVersion = packages.find((pkg) => pkg?.name === "react-native")?.version;
+
+    if (!isVersionGte(reactNativeVersion, "0.76.0")) {
+      return null;
+    }
+
+    const isStableBackgroundImage = isVersionGte(reactNativeVersion, "0.87.0");
+    const backgroundImageProp = isStableBackgroundImage
+      ? "backgroundImage"
+      : "experimental_backgroundImage";
+    const docsAnchor = isStableBackgroundImage
+      ? "backgroundimage"
+      : "experimental_backgroundimage";
+
+    return {
+      message: `React Native ships built-in \`linear-gradient()\` support (starting React Native 0.76.x+). You can remove ${gradientPkgs.map(e => e.name).join(", ")} and migrate to a simple View with a \`${backgroundImageProp}\` style prop.`,
+      packages: [...gradientPkgs.map(e => `${e.name}@${e.version}`), `react-native@${reactNativeVersion}`],
+      docsUrl: `https://reactnative.dev/docs/${reactNativeVersion}/view-style-props#${docsAnchor}`,
+    };
+  },
+};
diff --git a/_cli/recommendations/radial-gradient.js b/_cli/recommendations/radial-gradient.js
new file mode 100644
index 0000000..97ca7c0
--- /dev/null
+++ b/_cli/recommendations/radial-gradient.js
@@ -0,0 +1,36 @@
+const { isVersionGte } = require("../utils.js");
+
+module.exports = {
+  id: "radial-gradient-vs-background-image",
+  title: "Replace third-party radial gradient libraries with built-in backgroundImage",
+  check(report) {
+    const packages = report?.packages ?? [];
+    const gradientPkgs = packages.filter(
+      (pkg) => pkg?.name === "react-native-radial-gradient" || pkg?.name === "expo-radial-gradient",
+    );
+
+    if (gradientPkgs.length === 0) {
+      return null;
+    }
+
+    const reactNativeVersion = packages.find((pkg) => pkg?.name === "react-native")?.version;
+
+    if (!isVersionGte(reactNativeVersion, "0.80.0")) {
+      return null;
+    }
+
+    const isStableBackgroundImage = isVersionGte(reactNativeVersion, "0.87.0");
+    const backgroundImageProp = isStableBackgroundImage
+      ? "backgroundImage"
+      : "experimental_backgroundImage";
+    const docsAnchor = isStableBackgroundImage
+      ? "backgroundimage"
+      : "experimental_backgroundimage";
+
+    return {
+      message: `React Native ships built-in \`radial-gradient()\` support (starting React Native 0.80.x+). You can remove ${gradientPkgs.map(e => e.name).join(", ")} and migrate to a simple View with a \`${backgroundImageProp}\` style prop.`,
+      packages: [...gradientPkgs.map(e => `${e.name}@${e.version}`), `react-native@${reactNativeVersion}`],
+      docsUrl: `https://reactnative.dev/docs/${reactNativeVersion}/view-style-props#${docsAnchor}`,
+    };
+  },
+};
diff --git a/_cli/utils.js b/_cli/utils.js
new file mode 100644
index 0000000..c5a1211
--- /dev/null
+++ b/_cli/utils.js
@@ -0,0 +1,45 @@
+function formatBytes(bytes, decimals = 2) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024,
+    sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+    i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(decimals)) + " " + sizes[i];
+}
+
+function parseVersion(version) {
+  if (typeof version !== "string") {
+    return null;
+  }
+
+  const match = version.match(/^(\d+)\.(\d+)\.(\d+)/);
+  if (!match) {
+    return null;
+  }
+
+  return {
+    major: Number(match[1]),
+    minor: Number(match[2]),
+    patch: Number(match[3]),
+  };
+}
+
+function isVersionGte(version, targetVersion) {
+  const current = parseVersion(version);
+  const target = parseVersion(targetVersion);
+
+  if (!current || !target) {
+    return false;
+  }
+
+  if (current.major !== target.major) {
+    return current.major > target.major;
+  }
+
+  if (current.minor !== target.minor) {
+    return current.minor > target.minor;
+  }
+
+  return current.patch >= target.patch;
+}
+
+module.exports = {formatBytes, isVersionGte};
diff --git a/rozenite/.stats/.dir b/_rozenite/.stats/.dir
similarity index 100%
rename from rozenite/.stats/.dir
rename to _rozenite/.stats/.dir
diff --git a/rozenite/dist/index.html b/_rozenite/dist/index.html
similarity index 100%
rename from rozenite/dist/index.html
rename to _rozenite/dist/index.html
diff --git a/rozenite/dist/react-native.js b/_rozenite/dist/react-native.js
similarity index 96%
rename from rozenite/dist/react-native.js
rename to _rozenite/dist/react-native.js
index 3614bf3..cebee61 100644
--- a/rozenite/dist/react-native.js
+++ b/_rozenite/dist/react-native.js
@@ -2,7 +2,7 @@ import fs from "fs";
 import path from "path";
 import { createSerializer } from "react-native-bundle-discovery";
 import { createServer } from "@discoveryjs/cli";
-import discoveryrc from "react-native-bundle-discovery/.discoveryrc.js";
+import discoveryrc from "react-native-bundle-discovery-ui/.discoveryrc.js";
 
 const id = Math.floor(Math.random() * 10);
 const fileName = `rozenite-metro-stats-${id}.json`; // Random name in case if multiple instances of Metro are running on different ports
diff --git a/rozenite/dist/rozenite.json b/_rozenite/dist/rozenite.json
similarity index 100%
rename from rozenite/dist/rozenite.json
rename to _rozenite/dist/rozenite.json
diff --git a/rozenite/dist/style.css b/_rozenite/dist/style.css
similarity index 100%
rename from rozenite/dist/style.css
rename to _rozenite/dist/style.css
diff --git a/rozenite/package.json b/_rozenite/package.json
similarity index 78%
rename from rozenite/package.json
rename to _rozenite/package.json
index b10c256..eba9ccd 100644
--- a/rozenite/package.json
+++ b/_rozenite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-bundle-discovery-rozenite-plugin",
-  "version": "1.0.0",
+  "version": "2.0.0-rc.1",
   "license": "MIT",
   "main": "dist/react-native.js",
   "files": [
@@ -9,6 +9,7 @@
   ],
   "dependencies": {
     "react-native-bundle-discovery": "*",
+    "react-native-bundle-discovery-ui": "*",
     "@discoveryjs/cli": "2.14.2"
   }
 }
diff --git a/lib/customSerializer.js b/_serializer/index.js
similarity index 98%
rename from lib/customSerializer.js
rename to _serializer/index.js
index 5d465a5..46b205a 100644
--- a/lib/customSerializer.js
+++ b/_serializer/index.js
@@ -1,6 +1,5 @@
-const { parse } = require("path");
+const { parse, resolve } = require("path");
 const { writeFileSync, existsSync } = require("fs");
-const { resolve } = require("path");
 const { Buffer } = require("buffer");
 const chalk = require("chalk");
 
diff --git a/_serializer/package.json b/_serializer/package.json
new file mode 100644
index 0000000..e00c7f3
--- /dev/null
+++ b/_serializer/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "react-native-bundle-discovery",
+  "version": "2.0.0-rc.1",
+  "main": "index.js",
+  "repository": "git@github.com:retyui/react-native-bundle-discovery.git",
+  "author": "David <4661784+retyui@users.noreply.github.com>",
+  "license": "MIT",
+  "scripts": {
+    "prepublishOnly": "cp ../README.md README.md"
+  },
+  "dependencies": {
+    "chalk": "^4.1.2"
+  },
+  "peerDependencies": {
+    "metro": "*"
+  },
+  "peerDependenciesMeta": {
+    "metro": {
+      "optional": true
+    }
+  },
+  "files": [
+    "index.js"
+  ]
+}
diff --git a/index.js b/index.js
index 045b31c..7128709 100644
--- a/index.js
+++ b/index.js
@@ -1 +1 @@
-module.exports = require("./lib/customSerializer");
+module.exports = require("./_serializer/customSerializer");
diff --git a/package.json b/package.json
index 5d2b938..f4735b0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "react-native-bundle-discovery",
-  "version": "1.3.1",
+  "name": "react-native-bundle-discovery-ui",
+  "version": "2.0.0-rc.1",
   "main": "index.js",
   "bin": "lib/bin.js",
   "repository": "git@github.com:retyui/react-native-bundle-discovery.git",