diff --git a/package-lock.json b/package-lock.json
index 87f6377..609ea94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34,6 +34,7 @@
         "@types/react-dom": "^19.0.1",
         "@vitest/browser": "^3.0.8",
         "@vitest/coverage-v8": "^3.0.8",
+        "chromatic": "^11.27.0",
         "eslint": "^9.23.0",
         "eslint-plugin-react": "^7.37.4",
         "globals": "^16.0.0",
diff --git a/package.json b/package.json
index 1ebc0d2..301d1c4 100644
--- a/package.json
+++ b/package.json
@@ -8,13 +8,14 @@
     "start": "react-router-serve ./build/server/index.js",
     "typecheck": "react-router typegen && tsc",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "chromatic": "npx chromatic"
   },
   "dependencies": {
     "@react-router/node": "^7.3.0",
     "@react-router/serve": "^7.3.0",
-    "i18next": "^24.2.3",
     "devicon": "^2.16.0",
+    "i18next": "^24.2.3",
     "isbot": "^5.1.17",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -39,6 +40,7 @@
     "@types/react-dom": "^19.0.1",
     "@vitest/browser": "^3.0.8",
     "@vitest/coverage-v8": "^3.0.8",
+    "chromatic": "^11.27.0",
     "eslint": "^9.23.0",
     "eslint-plugin-react": "^7.37.4",
     "globals": "^16.0.0",