diff --git a/package.json b/package.json
index 1e911ad..69c42c4 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,8 @@
     "format": "prettier --write src",
     "lint": "eslint --fix src --ext .js,.ts,.jsx,.tsx",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "chromatic": "npx chromatic --project-token=chpt_805299730aa15c8"
   },
   "dependencies": {
     "@suspensive/react": "^1.11.6",
@@ -84,6 +85,7 @@
     "@vitest/coverage-v8": "^0.34.1",
     "autoprefixer": "^10.4.14",
     "babel-plugin-named-exports-order": "^0.0.2",
+    "chromatic": "^6.24.1",
     "eslint": "^8.46.0",
     "eslint-plugin-react": "^7.33.1",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -122,5 +124,7 @@
       "last 1 safari version"
     ]
   },
-  "packageManager": "yarn@1.22.19"
+  "packageManager": "yarn@1.22.19",
+  "readme": "ERROR: No README data found!",
+  "_id": "gocham-frontend@1.0.0"
 }
diff --git a/yarn.lock b/yarn.lock
index 0db9e51..4f36753 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4553,6 +4553,11 @@ chownr@^2.0.0:
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
   integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
 
+chromatic@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/chromatic/-/chromatic-6.24.1.tgz#848209706b423a78fe4876505a5dca3deb8e8b4c"
+  integrity sha512-XbpdWWHvFpEHtcq1Km71UcuQ07effB+8q8L47E1Y7HJmJ4ZCoKCuPd8liNrbnvwEAxqfBZvTcONYU/3BPz2i5w==
+
 ci-info@^3.2.0:
   version "3.8.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"