docs: update README, .opencode README and fix mermaid syntax in team agent

README.md

@@ -6,10 +6,18 @@
 
 系统由 **Team Coordinator (PM)** 统一调度，通过动态组装 **Agent 池** 中的专业角色，并结合 **Skill 知识库** 来完成复杂研发任务。
 
+![Architecture Overview](.doc/architecture-v2-overview.png)
+
 ```mermaid
-graph TD
     User(["👤 用户"]) <--> PM["👑 Team Coordinator (PM)"]
 
+    subgraph "External Resources (MCP Protocol)"
+        MCP_Context7["📚 Context7<br>(Docs/Lib)"]
+        MCP_Chrome["🌐 Chrome<br>(Testing)"]
+        MCP_Figma["🎨 Figma<br>(Design)"]
+        MCP_Files["📂 Filesystem<br>(IO)"]
+    end
+
     subgraph "Skill Knowledge Base (技能知识库)"
         TechSkill["🛠️ Tech Stack Skills"]
         BizSkill["💼 Business Skills"]
@@ -36,6 +44,16 @@ graph TD
     Frontend -.->|遵循| TechSkill & BizSkill
     CodeSpec -.->|审计依据| TechSkill & BizSkill
     QATester -.->|验收依据| TechSkill & BizSkill
+
+    %% MCP Calling Relations
+    Planning & Frontend & CodeSpec & QATester -->|"🛠️ 调用能力"| MCP_Files
+    Planning -->|"🎨 提取设计"| MCP_Figma
+    Frontend & Planning -->|"📚 查询文档"| MCP_Context7
+    QATester -->|"🧪 操控浏览器"| MCP_Chrome
+
+    %% Skill to MCP Relations
+    TechSkill -.->|"依赖文档"| MCP_Context7
+    BizSkill -.->|"关联设计"| MCP_Figma
 ```
 
 ---