feat(mcp): add Grok to MCP installation guide and skill list (#1155)

🤖 Auto-generated by Endless task
[#37](https://endless.longbridge-inc.com/projects/developers/tasks/37).

Initiated by: huacnlee@longbridge-inc.com

- Added Grok as a supported MCP client in the installation documentation
across all three locales (en, zh-CN, zh-HK)
- Documents the step-by-step flow: **Skills and Connectors → Connectors
→ New Connector → Custom**, entering name `Longbridge` and server URL
`https://mcp.longbridge.com`
- Covers completing the Longbridge OAuth 2 authorization after clicking
**Add Connector**
- Updated `Skill.vue` to include Grok in the supported clients list,
positioned after Codex

Co-authored-by: Huacnlee Li Huashun <huacnlee@longbridge-inc.com>

Author: endless-bot

docs/.vitepress/theme/components/Skill.vue

@@ -859,6 +859,7 @@ const SKILL_AGENTS = [
   { name: 'ChatGPT', mark: 'G', color: '#10A37F' },
   { name: 'Claude', mark: 'C', color: '#D97757' },
   { name: 'Codex', mark: 'O', color: '#000000' },
+  { name: 'Grok', mark: 'G', color: '#000000' },
   { name: 'Claude Code', mark: 'C', color: '#D97757' },
   { name: 'Cursor', mark: '➤', color: '#000000' },
   { name: 'Gemini', mark: 'G', color: '#1A73E8' },

docs/en/docs/mcp.md

@@ -96,6 +96,20 @@ Then follow the OAuth authorization flow in Codex when prompted.
 3. Click **Save**
 4. Back in the MCP Servers list, click **Authenticate** on the `longbridge` entry to complete OAuth authorization
 
+### Grok
+
+Open [Grok Connectors](https://grok.com/connectors) and add a custom MCP server:
+
+1. In the left sidebar, go to **Skills and Connectors** → **Connectors** → **New Connector** → **Custom**
+2. Fill in:
+   - Name: `Longbridge`
+   - Server URL: `https://mcp.longbridge.com`
+3. Click **Add Connector** and follow the Longbridge OAuth 2 authorization flow to complete the setup
+
+![](https://assets.lbkrs.com/uploads/08d07992-5463-4bfd-a4e4-97fab6e9cb41/grok-0.png)
+
+![](https://assets.lbkrs.com/uploads/56eee753-f3d4-4186-b024-ee0145f4eb54/grok-1.png)
+
 ### Cursor
 
 Settings → MCP Servers → Add Remote MCP Server, then enter the URL above.

docs/zh-CN/docs/mcp.md

@@ -96,6 +96,20 @@ codex mcp add longbridge --url https://mcp.longbridge.com
 3. 点击 **Save**
 4. 回到 MCP Servers 列表，点击 `longbridge` 条目上的 **Authenticate** 完成 OAuth 授权
 
+### Grok
+
+打开 [Grok Connectors](https://grok.com/connectors)，添加自定义 MCP Server：
+
+1. 在左侧边栏选择 **Skills and Connectors** → **Connectors** → **New Connector** → **Custom**
+2. 填写：
+   - Name：`Longbridge`
+   - Server URL：`https://mcp.longbridge.com`
+3. 点击 **Add Connector**，跟随 Longbridge OAuth 2 授权流程完成添加
+
+![](https://assets.lbkrs.com/uploads/08d07992-5463-4bfd-a4e4-97fab6e9cb41/grok-0.png)
+
+![](https://assets.lbkrs.com/uploads/56eee753-f3d4-4186-b024-ee0145f4eb54/grok-1.png)
+
 ### Cursor
 
 Settings → MCP Servers → 添加 Remote MCP Server，填入上方地址即可。

docs/zh-HK/docs/mcp.md

@@ -96,6 +96,20 @@ codex mcp add longbridge --url https://mcp.longbridge.com
 3. 點擊 **Save**
 4. 回到 MCP Servers 列表，點擊 `longbridge` 條目上的 **Authenticate** 完成 OAuth 授權
 
+### Grok
+
+開啟 [Grok Connectors](https://grok.com/connectors)，新增自訂 MCP Server：
+
+1. 在左側邊欄選擇 **Skills and Connectors** → **Connectors** → **New Connector** → **Custom**
+2. 填寫：
+   - Name：`Longbridge`
+   - Server URL：`https://mcp.longbridge.com`
+3. 點擊 **Add Connector**，跟隨 Longbridge OAuth 2 授權流程完成新增
+
+![](https://assets.lbkrs.com/uploads/08d07992-5463-4bfd-a4e4-97fab6e9cb41/grok-0.png)
+
+![](https://assets.lbkrs.com/uploads/56eee753-f3d4-4186-b024-ee0145f4eb54/grok-1.png)
+
 ### Cursor
 
 Settings → MCP Servers → 添加 Remote MCP Server，填入上方地址即可。