diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
new file mode 100644
index 00000000..f4c6fc4e
--- /dev/null
+++ b/.github/workflows/chromatic.yml
@@ -0,0 +1,25 @@
+name: 'Chromatic'
+
+on:
+  pull_request:
+    branches:
+      - develop
+
+jobs:
+  chromatic:
+    name: Run Chromatic
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Install dependencies
+        run: npm ci
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
diff --git a/.github/workflows/front_ci.yml b/.github/workflows/front_ci.yml
index 57d64252..e5f68f84 100644
--- a/.github/workflows/front_ci.yml
+++ b/.github/workflows/front_ci.yml
@@ -1,5 +1,8 @@
 name: 'front ci'
-on: pull_request
+on:
+  pull_request:
+    branches:
+      - develop
 jobs:
   Component-test:
     runs-on: ubuntu-latest
diff --git a/package-lock.json b/package-lock.json
index 8d5f0cc8..a34f4566 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,6 +44,7 @@
         "@types/testing-library__react": "^10.0.1",
         "@vitejs/plugin-react-swc": "^3.5.0",
         "@vitest/ui": "^2.1.8",
+        "chromatic": "^11.25.2",
         "eslint": "^9.17.0",
         "eslint-plugin-import": "^2.31.0",
         "eslint-plugin-jsx-a11y": "^6.10.2",
@@ -4272,9 +4273,9 @@
       }
     },
     "node_modules/chromatic": {
-      "version": "11.25.1",
-      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.25.1.tgz",
-      "integrity": "sha512-D0NdcGOSy84hqgNnSY7FM4TzB77RymRTowjm4hb1CV4wbk1djKTV4SJbbYVCzHFD+n/NOg/wtZ9Y7sjiRdy8dA==",
+      "version": "11.25.2",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.25.2.tgz",
+      "integrity": "sha512-/9eQWn6BU1iFsop86t8Au21IksTRxwXAl7if8YHD05L2AbuMjClLWZo5cZojqrJHGKDhTqfrC2X2xE4uSm0iKw==",
       "dev": true,
       "license": "MIT",
       "bin": {
diff --git a/package.json b/package.json
index 8d56de0a..3c67aeec 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,8 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest",
-    "test:run": "vitest run"
+    "test:run": "vitest run",
+    "chromatic": "chromatic --exit-zero-on-changes"
   },
   "dependencies": {
     "@heroicons/react": "^2.2.0",
@@ -50,6 +51,7 @@
     "@types/testing-library__react": "^10.0.1",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "@vitest/ui": "^2.1.8",
+    "chromatic": "^11.25.2",
     "eslint": "^9.17.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",