hexo-blog/source/_posts/MCP协议/mcp-diagram.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
  <!-- 背景 -->
  <rect width="800" height="500" fill="#f5f5f5" />
  
  <!-- 标题 -->
  <text x="400" y="50" font-family="Arial, sans-serif" font-size="24" text-anchor="middle" font-weight="bold">MCP协议：AI模型间的"对话翻译官"</text>
  
  <!-- AI模型1 -->
  <circle cx="200" cy="200" r="80" fill="#6CB4EE" />
  <text x="200" y="200" font-family="Arial, sans-serif" font-size="20" text-anchor="middle" fill="white">AI模型A</text>
  <text x="200" y="225" font-family="Arial, sans-serif" font-size="14" text-anchor="middle" fill="white">(比如：Claude)</text>
  
  <!-- AI模型2 -->
  <circle cx="600" cy="200" r="80" fill="#FF7F7F" />
  <text x="600" y="200" font-family="Arial, sans-serif" font-size="20" text-anchor="middle" fill="white">AI模型B</text>
  <text x="600" y="225" font-family="Arial, sans-serif" font-size="14" text-anchor="middle" fill="white">(比如：GPT-4)</text>
  
  <!-- MCP协议 -->
  <rect x="325" y="150" width="150" height="100" rx="20" ry="20" fill="#90EE90" />
  <text x="400" y="195" font-family="Arial, sans-serif" font-size="20" text-anchor="middle">MCP协议</text>
  <text x="400" y="220" font-family="Arial, sans-serif" font-size="14" text-anchor="middle">"翻译官"</text>
  
  <!-- 连接线 -->
  <path d="M 280 200 L 325 200" stroke="#000" stroke-width="3" />
  <path d="M 475 200 L 520 200" stroke="#000" stroke-width="3" />
  
  <!-- 箭头1 -->
  <polygon points="320,190 330,200 320,210" fill="#000" />
  <!-- 箭头2 -->
  <polygon points="515,190 525,200 515,210" fill="#000" />
  
  <!-- 解释框 -->
  <rect x="100" y="350" width="600" height="100" rx="10" ry="10" fill="#FFF" stroke="#000" stroke-width="2" />
  <text x="400" y="380" font-family="Arial, sans-serif" font-size="16" text-anchor="middle">MCP协议就像不同语言AI之间的"翻译官"</text>
  <text x="400" y="410" font-family="Arial, sans-serif" font-size="16" text-anchor="middle">它能把一个AI的"想法"转换成另一个AI能理解的格式</text>
  <text x="400" y="440" font-family="Arial, sans-serif" font-size="16" text-anchor="middle">让不同公司开发的AI可以顺畅地合作完成复杂任务</text>
</svg>