增加概念说明

README.md

@@ -54,6 +54,60 @@
 | `service` | 自带 OCR 进行字符识别 | `迭代版本` | 100% | `Done` |
 
 
+## 项目概念
+
+openmcp 采用分层模块化设计，通过组装不同的模块，可以将它实现成不同平台上的不同模式。
+
+```mermaid
+flowchart TD
+    subgraph OpenMCP核心组件
+        renderer[Renderer]
+        openmcpservice[OpenMCPService]
+    end
+
+    subgraph OpenMCP_Web["OpenMCP Web"]
+        renderer
+        openmcpservice
+        nginx[Nginx]
+    end
+
+    subgraph OpenMCP_插件["OpenMCP 插件"]
+        renderer
+        openmcpservice
+        vscode[VSCode 插件代码]
+    end
+
+    subgraph OpenMCP_App["OpenMCP App"]
+        renderer
+        openmcpservice
+        electron[Electron 代码]
+    end
+
+    subgraph QQ机器人["基于 OpenMCP 的 QQ 机器人"]
+        lagrange[Lagrange.OneBot]
+        openmcpservice
+    end
+
+    %% 依赖关系
+    OpenMCP_Web -->|前端渲染| renderer
+    OpenMCP_Web -->|后端服务| openmcpservice
+    OpenMCP_Web -->|反向代理| nginx
+
+    OpenMCP_插件 -->|UI 界面| renderer
+    OpenMCP_插件 -->|核心逻辑| openmcpservice
+    OpenMCP_插件 -->|集成开发| vscode
+
+    OpenMCP_App -->|前端界面| renderer
+    OpenMCP_App -->|本地服务| openmcpservice
+    OpenMCP_App -->|桌面封装| electron
+
+    QQ机器人 -->|协议适配| lagrange
+    QQ机器人 -->|业务逻辑| openmcpservice
+```
+
+
+---
+
 ## Dev
 
 - `renderer`: 前端 UI 的定义