docs: update MCP guide to separate connection instructions for VS Code and Claude Desktop

docs/mcp_guide.md

@@ -17,9 +17,23 @@ http://localhost:7860/gradio_api/mcp/
 
 ## How to Connect
 
-### Claude Desktop / Cursor / VS Code
+Add the following to your MCP settings configuration.
 
-Add the following to your MCP settings configuration:
+### VS Code
+
+```json
+{
+  "servers": {
+    "unpredictable-lord": {
+      "url": "https://mcp-1st-birthday-unpredictable-lord.hf.space/gradio_api/mcp/"
+      "type": "http"
+    }
+  },
+  "inputs": []
+}
+```
+
+### Claude Desktop / Cursor
 
 ```json
 {