diff --git a/client/components/SkipAgentController.tsx b/client/components/SkipAgentController.tsx
new file mode 100644
index 00000000..88327234
--- /dev/null
+++ b/client/components/SkipAgentController.tsx
@@ -0,0 +1,25 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+
+import { setSkipAgentActive } from "@/lib/skip-agent";
+
+const DOCS_PATH_PREFIX = "/docs";
+
+const SkipAgentController = () => {
+  const location = useLocation();
+
+  useEffect(() => {
+    const disableForDocs = location.pathname.startsWith(DOCS_PATH_PREFIX);
+    void setSkipAgentActive(!disableForDocs);
+
+    return () => {
+      if (disableForDocs) {
+        void setSkipAgentActive(true);
+      }
+    };
+  }, [location.pathname]);
+
+  return null;
+};
+
+export default SkipAgentController;