General MCP work flow

!Image Description

MCP in IDE

歡迎凱大跟子勤!

IDE

  1. Claude https://www.cursor.com/
  2. Windsurf https://windsurf.com/pricing
  3. TRAE https://www.trae.ai/
  4. FireStudio https://firestudio.space/

LLM Model

  1. Claude-3.7
  2. GPT-4o
  3. DeepSeek-V3
  4. Gemini-2.5 pro

!Image Description

Flow - IDE with LLM

!Image Description

Flow - IDE with LLM and MCP

!Image Description

Config example for get doc content

https://github.com/modelcontextprotocol/servers

{
“mcpServers”: {
“LarkDocs”: {
“command”: “npx”,
“args”: [
“-y”,
“–registry”,
“http://bnpm.byted.org/”,
“@byted/mcp-lark-docs@latest”
],
“env”: {
“LARK_APP_ID”: “ididid”,
“LARK_APP_SECRET”: “secret”,
“AUTH_CALLBACK_PORT”: “”,
“AUTH_CALLBACK_ENDPOINT”: ""
}
}
}
}