diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index c7418b3e..6b464b37 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -6,7 +6,7 @@ repos:
     hooks:
       - id: check-added-large-files
         args: ['--maxkb=5000']
-        exclude: 'inputs.*|skyvern_demo_video\.mp4'
+        exclude: 'inputs.*|skyvern_demo_video\.mp4|demo_visualizer.mp4'
       - id: check-byte-order-marker
       - id: check-case-conflict
       - id: check-merge-conflict
diff --git a/README.md b/README.md
index 4f31cb82..817e0df9 100644
--- a/README.md
+++ b/README.md
@@ -126,6 +126,9 @@ curl -X POST -H 'Content-Type: application/json' -H 'x-api-key: {Your local API
 ## Debugging Skyvern
 Skyvern's visualizer allows you to debug every interaction Skyvern takes on the web.
 
+https://github.com/Skyvern-AI/skyvern/assets/3853670/99827aaf-6818-420e-a90a-edc1593ff71e
+
+
 ### Tasks, Steps, and Actions
 Each API request you sent to Skyvern is called a "task". Each task is made up of "steps" which are the individual actions Skyvern takes to complete the task. Each step is made up of "actions" which are the individual interactions Skyvern takes on a particular website.
 
diff --git a/images/demo_visualizer.mp4 b/images/demo_visualizer.mp4
new file mode 100644
index 00000000..beb08552
Binary files /dev/null and b/images/demo_visualizer.mp4 differ