diff --git a/web/screens/Settings/MCP/index.tsx b/web/screens/Settings/MCP/index.tsx
new file mode 100644
index 000000000..905416cea
--- /dev/null
+++ b/web/screens/Settings/MCP/index.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+
+const MCP = () => {
+  return (
+    <p>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, cumque
+      deleniti dolorem ducimus nisi rerum cum et sunt maxime, dicta sequi
+      assumenda sit illum? Minima beatae repudiandae praesentium sed incidunt!
+    </p>
+  )
+}
+
+export default MCP
diff --git a/web/screens/Settings/SettingDetail/index.tsx b/web/screens/Settings/SettingDetail/index.tsx
index 8ceb600e6..43bbd6c1c 100644
--- a/web/screens/Settings/SettingDetail/index.tsx
+++ b/web/screens/Settings/SettingDetail/index.tsx
@@ -15,6 +15,7 @@ import RemoteEngineSettings from '@/screens/Settings/Engines/RemoteEngineSetting
 import ExtensionSetting from '@/screens/Settings/ExtensionSetting'
 import Hardware from '@/screens/Settings/Hardware'
 import Hotkeys from '@/screens/Settings/Hotkeys'
+import MCP from '@/screens/Settings/MCP'
 import MyModels from '@/screens/Settings/MyModels'
 import Privacy from '@/screens/Settings/Privacy'
 
@@ -31,6 +32,9 @@ const SettingDetail = () => {
     case 'Engines':
       return <Engines />
 
+    case 'MCP Servers':
+      return <MCP />
+
     case 'Extensions':
       return <ExtensionCatalog />
 
diff --git a/web/screens/Settings/index.tsx b/web/screens/Settings/index.tsx
index d126f0d0e..8db1dd0b3 100644
--- a/web/screens/Settings/index.tsx
+++ b/web/screens/Settings/index.tsx
@@ -19,6 +19,7 @@ export const SettingScreenList = [
   'Privacy',
   'Advanced Settings',
   'Engines',
+  'MCP Servers',
   'Extensions',
 ] as const