diff --git a/README.md b/README.md
index 071c79d..239d015 100644
--- a/README.md
+++ b/README.md
@@ -42,17 +42,7 @@ The initial application is intended to start locally and open in a browser. User
 
 ## Architecture direction
 
-```mermaid
-flowchart TD
-    UI[Browser workspace] --> API[Local control plane]
-    API --> DATA[Project metadata and research files]
-    API --> ADAPTER[Runtime adapter]
-    ADAPTER --> AGENT[OpenCode runtime]
-    API --> SKILLS[Versioned skill catalog]
-    AGENT --> TOOLS[Controlled retrieval and research tools]
-    TOOLS --> SOURCES[Literature and data providers]
-    AGENT --> MODELS[User-selected model providers]
-```
+![Planned OpenLab architecture](assets/docs/architecture.svg)
 
 OpenLab will own projects, run records, artifacts, and provenance. A replaceable adapter will connect an existing agent runtime. The [architecture](docs/architecture.md) separates this design from functionality already implemented.
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index b953f04..c658212 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -40,17 +40,7 @@ OpenLab 致力于建立本地优先的科研工作空间，将已有的开源科
 
 ## 架构方向
 
-```mermaid
-flowchart TD
-    UI[浏览器工作空间] --> API[本地控制层]
-    API --> DATA[项目元数据与研究文件]
-    API --> ADAPTER[运行时适配器]
-    ADAPTER --> AGENT[OpenCode 运行时]
-    API --> SKILLS[版本化技能目录]
-    AGENT --> TOOLS[受控检索与科研工具]
-    TOOLS --> SOURCES[文献与数据源]
-    AGENT --> MODELS[用户选择的模型服务]
-```
+![OpenLab 规划架构：浏览器、本地控制层、项目文件、技能目录与运行时适配器](assets/docs/architecture.svg)
 
 平台持有项目、运行记录、成果和来源信息，通过可替换的适配器连接 Agent 运行时。实现边界见[架构文档](docs/architecture.md)。
 
diff --git a/assets/docs/architecture.svg b/assets/docs/architecture.svg
new file mode 100644
index 0000000..59c0198
--- /dev/null
+++ b/assets/docs/architecture.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="736" height="528" viewBox="0 0 736 528" role="img" aria-labelledby="title description">
+  <title id="title">OpenLab architecture direction</title>
+  <desc id="description">The browser connects to the local control plane, which owns project storage, the skill catalog and a replaceable runtime adapter. OpenCode connects controlled retrieval tools and user-selected model providers. This is a planned architecture.</desc>
+  <style>
+    .node { fill: #f8fafc; stroke: #94a3b8; stroke-width: 1.5; }
+    .core { fill: #e0f2fe; stroke: #0284c7; }
+    .label { fill: #0f172a; font: 15px system-ui, sans-serif; text-anchor: middle; }
+    .arrow { fill: none; stroke: #64748b; stroke-width: 2; marker-end: url(#arrow); }
+    @media (prefers-color-scheme: dark) {
+      .node { fill: #1e293b; stroke: #94a3b8; }
+      .core { fill: #0c4a6e; stroke: #38bdf8; }
+      .label { fill: #f1f5f9; }
+    }
+  </style>
+  <defs>
+    <marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
+      <path d="M 0 0 L 10 5 L 0 10 Z" fill="#64748b"/>
+    </marker>
+  </defs>
+  <g class="arrow">
+    <path d="M 368 72 V 112"/>
+    <path d="M 368 168 V 196 H 128 V 224"/>
+    <path d="M 368 168 V 224"/>
+    <path d="M 368 168 V 196 H 608 V 224"/>
+    <path d="M 368 280 V 336"/>
+    <path d="M 368 392 V 420 H 128 V 448"/>
+    <path d="M 368 392 V 420 H 608 V 448"/>
+  </g>
+  <g>
+    <rect class="node" x="256" y="16" width="224" height="56" rx="10"/>
+    <rect class="node core" x="256" y="112" width="224" height="56" rx="10"/>
+    <rect class="node" x="16" y="224" width="224" height="56" rx="10"/>
+    <rect class="node" x="256" y="224" width="224" height="56" rx="10"/>
+    <rect class="node" x="496" y="224" width="224" height="56" rx="10"/>
+    <rect class="node" x="256" y="336" width="224" height="56" rx="10"/>
+    <rect class="node" x="16" y="448" width="224" height="56" rx="10"/>
+    <rect class="node" x="496" y="448" width="224" height="56" rx="10"/>
+  </g>
+  <g class="label">
+    <text x="368" y="50">Browser workspace</text>
+    <text x="368" y="146">Local control plane</text>
+    <text x="128" y="258">Project metadata + files</text>
+    <text x="368" y="258">Runtime adapter</text>
+    <text x="608" y="258">Versioned skill catalog</text>
+    <text x="368" y="370">OpenCode runtime</text>
+    <text x="128" y="482">Retrieval tools + sources</text>
+    <text x="608" y="482">User-selected models</text>
+  </g>
+</svg>
diff --git a/docs/verification.md b/docs/verification.md
index 25d4d18..8f1188b 100644
--- a/docs/verification.md
+++ b/docs/verification.md
@@ -10,6 +10,8 @@ The original Chinese vision was copied byte-for-byte; its SHA-256 is `d016e43369
 
 The online merge and release evidence is retained in the foundation PR, push workflow and v0.0.1 Release linked below. These live records are the authority for the final publishing outcome.
 
+GitHub page inspection confirmed the README mark, navigation and license display. The initial remote Mermaid renderer failed in that inspection, so both READMEs now use a repository-owned SVG architecture diagram that loads without a diagram rendering service. The Windows/Linux PR checks and the main push checks passed for the foundation merge; subsequent workflow runs record the rendering fix and release gate outcomes.
+
 ## Baseline checks
 
 - `npm ci`: install development dependencies from the committed lockfile.