MCP 架构图模板
绘制 Model Context Protocol 架构——Host、MCP Client、JSON-RPC 协议，以及桥接真实资源的 Servers。
使用此模板模板亮点
- 一侧是带 LLM 和 MCP Client 的 Host，另一侧是 Servers
- 连接 Client 和 Servers 的 JSON-RPC 协议链路
- 每个 Server 桥接到真实资源：文件、仓库、数据库
这个模板适合做什么
MCP（Model Context Protocol，模型上下文协议）架构图展示了 AI 应用如何通过标准的客户端-服务器协议连接外部工具与数据，而不再依赖各自定制的集成。本模板呈现 MCP 定义的三种角色：Host（内嵌 LLM 和一个或多个 MCP Client 的 AI 应用）、MCP Servers（每个暴露一种特定能力——文件系统、Git、数据库），以及连接它们的 JSON-RPC 协议。每个 Server 桥接到其背后的真实资源。适合用于设计 MCP 集成、说明 Host 连接了哪些 Server，或解释为什么 MCP 用一个协议取代 N×M 个定制连接器。
适用场景
- 在构建集成之前，设计新 AI 应用需要哪些 MCP Server。
- 向同事解释 MCP 如何在不同 AI Host 之间标准化工具访问。
- 为安全评审整理每个 MCP Server 暴露的资源。
- 展示 Host（你的应用）与 Server（第三方或内部）之间的边界。
- 规划一个封装内部数据库或 API 的自定义 MCP Server。
- 对比 MCP 的单协议模式与点对点工具集成。
使用步骤
- 1在左侧绘制 Host frame——包含 LLM 和一个 MCP Client。
- 2在右侧绘制 Servers frame——每个 MCP Server 一个框（文件系统、Git、数据库）。
- 3用协议链路（JSON-RPC）连接 MCP Client 和 Servers。
- 4在每个 Server 背后，添加它桥接的真实资源（文件、仓库、数据库）。
- 5连接每个 Server 到它的资源，展示它实际访问什么。
- 6把 Client→Server 链路标注为 MCP 协议，让标准一目了然。
简单示例
使用 MCP 的代码助手
Host：IDE 助手（LLM + MCP Client）
协议：基于 stdio / HTTP 的 JSON-RPC
Server：文件系统 → 本地文件
Server：Git → 代码仓库
Server：数据库 → 项目数据库
在线开始编辑
在 CodePic 中打开模板后，替换示例节点，就能很快整理成自己的学习导图。
