diff --git a/.gitignore b/.gitignore
index 448a4ee..e02009a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,5 @@ coverage/
 !.storybook/
 !.vuepress/
 .vuepress/.temp/
-.vuepress/.cache/
\ No newline at end of file
+.vuepress/.cache/
+build-storybook.log
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ec39387..40ce2d6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -47,6 +47,7 @@
         "@vitest/coverage-v8": "^0.34.6",
         "@vue/test-utils": "^2.4.2",
         "@vuepress/bundler-vite": "^2.0.0-rc.0",
+        "chromatic": "^9.1.0",
         "eslint": "^8.53.0",
         "eslint-config-prettier": "^9.0.0",
         "eslint-config-standard": "^17.1.0",
@@ -11789,6 +11790,17 @@
         "node": ">=10"
       }
     },
+    "node_modules/chromatic": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-9.1.0.tgz",
+      "integrity": "sha512-9ib8k4LIfg/88kKufxz1N8vgCB7nlLhJqmx+Vx55cM/6DCB/M6oqroirVRXfdeC7qaZuhyUemPF2QHxBh7GXtQ==",
+      "dev": true,
+      "bin": {
+        "chroma": "dist/bin.js",
+        "chromatic": "dist/bin.js",
+        "chromatic-cli": "dist/bin.js"
+      }
+    },
     "node_modules/chrome-trace-event": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
diff --git a/package.json b/package.json
index 56df7d2..359e81d 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,8 @@
     "test:unit:dev": "vitest",
     "test": "npm run test:lint && npm run test:unit",
     "docs:dev": "vuepress dev .",
-    "docs:build": "vuepress build ."
+    "docs:build": "vuepress build .",
+    "chromatic": "npx chromatic --build-script-name storybook:build"
   },
   "dependencies": {
     "@intlify/unplugin-vue-i18n": "^1.5.0",
@@ -92,6 +93,7 @@
     "@vitest/coverage-v8": "^0.34.6",
     "@vue/test-utils": "^2.4.2",
     "@vuepress/bundler-vite": "^2.0.0-rc.0",
+    "chromatic": "^9.1.0",
     "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-config-standard": "^17.1.0",