diff --git a/docs/05-more/02-keyboard-shortcuts.md b/docs/05-more/02-keyboard-shortcuts.md
index f5a2337..99dedb3 100644
--- a/docs/05-more/02-keyboard-shortcuts.md
+++ b/docs/05-more/02-keyboard-shortcuts.md
@@ -8,6 +8,8 @@ keywords: [快捷键, 键盘, 快捷操作, 效率]
 
 DesireCore 提供三种快捷键模式，你可以在「设置 > 快捷键 > 编辑器快捷键模式」中切换。
 
+![DesireCore 快捷键体系总览](./assets/keyboard-shortcuts-overview.png)
+
 ## 快捷键模式
 
 | 模式 | 说明 | 适合人群 |
diff --git a/docs/05-more/07-data-locations.md b/docs/05-more/07-data-locations.md
index 45ac510..c4badc8 100644
--- a/docs/05-more/07-data-locations.md
+++ b/docs/05-more/07-data-locations.md
@@ -10,6 +10,8 @@ DesireCore 将所有数据存储在本地文件系统中，不依赖云端服务
 
 登录账号后，订阅、credit、云端模型列表等账号资源会从 DesireCore 在线服务同步；本地对话、智能体、文件和自定义 API Key 仍保存在本机。
 
+![DesireCore 数据存储流向图](./assets/data-flow-diagram.png)
+
 ## 各平台数据根目录
 
 | 平台 | 数据根目录 |
diff --git a/docs/05-more/assets/data-flow-diagram.drawio b/docs/05-more/assets/data-flow-diagram.drawio
new file mode 100644
index 0000000..98d22d7
--- /dev/null
+++ b/docs/05-more/assets/data-flow-diagram.drawio
@@ -0,0 +1,93 @@
+<mxfile host="app.diagrams.net" modified="2026-07-25T16:00:00.000Z" agent="DesireCore" version="31.0.2">
+  <diagram name="数据流图" id="data-flow">
+    <mxGraphModel dx="1100" dy="750" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1000" pageHeight="700" math="0" shadow="0">
+      <root>
+        <mxCell id="0"/>
+        <mxCell id="1" parent="0"/>
+        <!-- Title -->
+        <mxCell id="title" value="DesireCore 数据存储流向图" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=18;fontStyle=1;fontColor=#1a1a2e;" vertex="1" parent="1">
+          <mxGeometry x="300" y="20" width="400" height="35" as="geometry"/>
+        </mxCell>
+        <!-- User -->
+        <mxCell id="user" value="👤 用户操作" style="shape=ellipse;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontSize=12;fontStyle=1;" vertex="1" parent="1">
+          <mxGeometry x="420" y="70" width="140" height="50" as="geometry"/>
+        </mxCell>
+        <!-- App Layer -->
+        <mxCell id="app" value="DesireCore 应用层&#xa;(Electron)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontSize=12;fontStyle=1;" vertex="1" parent="1">
+          <mxGeometry x="400" y="170" width="180" height="50" as="geometry"/>
+        </mxCell>
+        <!-- Edge user to app -->
+        <mxCell id="e_ua" style="edgeStyle=orthogonalEdgeStyle;" edge="1" parent="1" source="user" target="app">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <!-- Storage: config -->
+        <mxCell id="cfg" value="config/&#xa;用户设置 · 算力配置&#xa;密钥存储" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=10;fillColor=#fff2cc;strokeColor=#d6b656;fontSize=10;" vertex="1" parent="1">
+          <mxGeometry x="60" y="320" width="140" height="70" as="geometry"/>
+        </mxCell>
+        <!-- Storage: agents -->
+        <mxCell id="agt" value="agents/&#xa;智能体本体&#xa;(Git 管理)" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=10;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=10;" vertex="1" parent="1">
+          <mxGeometry x="240" y="320" width="140" height="70" as="geometry"/>
+        </mxCell>
+        <!-- Storage: users -->
+        <mxCell id="usr" value="users/&#xa;画像 · 偏好&#xa;关系记忆" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=10;fillColor=#e1d5e7;strokeColor=#9673a6;fontSize=10;" vertex="1" parent="1">
+          <mxGeometry x="420" y="320" width="140" height="70" as="geometry"/>
+        </mxCell>
+        <!-- Storage: skills -->
+        <mxCell id="skl" value="skills/&#xa;全局技能包" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=10;fillColor=#f8cecc;strokeColor=#b85450;fontSize=10;" vertex="1" parent="1">
+          <mxGeometry x="600" y="320" width="140" height="70" as="geometry"/>
+        </mxCell>
+        <!-- Storage: runs -->
+        <mxCell id="run" value="runs/&#xa;会话记录&#xa;任务回执" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=10;fillColor=#ffe6cc;strokeColor=#d79b00;fontSize=10;" vertex="1" parent="1">
+          <mxGeometry x="780" y="320" width="140" height="70" as="geometry"/>
+        </mxCell>
+        <!-- Edges app to storages -->
+        <mxCell id="e1" style="edgeStyle=orthogonalEdgeStyle;curved=1;" edge="1" parent="1" source="app" target="cfg">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e2" style="edgeStyle=orthogonalEdgeStyle;curved=1;" edge="1" parent="1" source="app" target="agt">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e3" style="edgeStyle=orthogonalEdgeStyle;curved=1;" edge="1" parent="1" source="app" target="usr">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e4" style="edgeStyle=orthogonalEdgeStyle;curved=1;" edge="1" parent="1" source="app" target="skl">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e5" style="edgeStyle=orthogonalEdgeStyle;curved=1;" edge="1" parent="1" source="app" target="run">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <!-- Secondary row: cache, logs, market -->
+        <mxCell id="cache" value="cache/&#xa;索引缓存" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=10;fillColor=#f5f5f5;strokeColor=#999;fontSize=10;" vertex="1" parent="1">
+          <mxGeometry x="240" y="460" width="120" height="60" as="geometry"/>
+        </mxCell>
+        <mxCell id="logs" value="logs/&#xa;运行日志" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=10;fillColor=#f5f5f5;strokeColor=#999;fontSize=10;" vertex="1" parent="1">
+          <mxGeometry x="420" y="460" width="120" height="60" as="geometry"/>
+        </mxCell>
+        <mxCell id="mkt" value="market/&#xa;市场缓存" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=10;fillColor=#f5f5f5;strokeColor=#999;fontSize=10;" vertex="1" parent="1">
+          <mxGeometry x="600" y="460" width="120" height="60" as="geometry"/>
+        </mxCell>
+        <!-- Edges to secondary -->
+        <mxCell id="e6" style="dashed=1;strokeColor=#999;" edge="1" parent="1" source="app" target="cache">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e7" style="dashed=1;strokeColor=#999;" edge="1" parent="1" source="app" target="logs">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e8" style="dashed=1;strokeColor=#999;" edge="1" parent="1" source="app" target="mkt">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <!-- Legend -->
+        <mxCell id="leg1" value="—— 核心数据（建议备份）" style="text;html=1;strokeColor=none;fillColor=none;align=left;fontSize=10;fontColor=#333;" vertex="1" parent="1">
+          <mxGeometry x="60" y="560" width="180" height="20" as="geometry"/>
+        </mxCell>
+        <mxCell id="leg2" value="- - - 可再生数据（可安全删除）" style="text;html=1;strokeColor=none;fillColor=none;align=left;fontSize=10;fontColor=#999;" vertex="1" parent="1">
+          <mxGeometry x="60" y="580" width="200" height="20" as="geometry"/>
+        </mxCell>
+        <!-- Root path label -->
+        <mxCell id="path" value="数据根目录：~/.desirecore/" style="text;html=1;strokeColor=none;fillColor=none;align=center;fontSize=11;fontStyle=2;fontColor=#666;" vertex="1" parent="1">
+          <mxGeometry x="350" y="260" width="280" height="25" as="geometry"/>
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/docs/05-more/assets/data-flow-diagram.png b/docs/05-more/assets/data-flow-diagram.png
new file mode 100644
index 0000000..7dfd78a
Binary files /dev/null and b/docs/05-more/assets/data-flow-diagram.png differ
diff --git a/docs/05-more/assets/keyboard-shortcuts-overview.drawio b/docs/05-more/assets/keyboard-shortcuts-overview.drawio
new file mode 100644
index 0000000..44e8d62
--- /dev/null
+++ b/docs/05-more/assets/keyboard-shortcuts-overview.drawio
@@ -0,0 +1,83 @@
+<mxfile host="app.diagrams.net" modified="2026-07-25T16:00:00.000Z" agent="DesireCore" version="31.0.2">
+  <diagram name="快捷键总览" id="keyboard-overview">
+    <mxGraphModel dx="1200" dy="800" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="700" math="0" shadow="0">
+      <root>
+        <mxCell id="0"/>
+        <mxCell id="1" parent="0"/>
+        <!-- Title -->
+        <mxCell id="title" value="DesireCore 快捷键体系总览" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=20;fontStyle=1;fontColor=#1a1a2e;" vertex="1" parent="1">
+          <mxGeometry x="300" y="20" width="500" height="40" as="geometry"/>
+        </mxCell>
+        <!-- Center: App -->
+        <mxCell id="center" value="DesireCore" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontSize=14;fontStyle=1;arcSize=30;" vertex="1" parent="1">
+          <mxGeometry x="450" y="290" width="200" height="60" as="geometry"/>
+        </mxCell>
+        <!-- Group 1: Global -->
+        <mxCell id="g1" value="🌐 全局快捷键" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;fontSize=12;fontStyle=1;" vertex="1" parent="1">
+          <mxGeometry x="80" y="100" width="180" height="40" as="geometry"/>
+        </mxCell>
+        <mxCell id="g1d" value="Cmd+Shift+Space 呼出&#xa;Cmd+Shift+S 截图" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;fontSize=10;fontColor=#555;" vertex="1" parent="1">
+          <mxGeometry x="80" y="145" width="200" height="40" as="geometry"/>
+        </mxCell>
+        <!-- Group 2: Chat Input -->
+        <mxCell id="g2" value="💬 对话输入" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=12;fontStyle=1;" vertex="1" parent="1">
+          <mxGeometry x="420" y="100" width="180" height="40" as="geometry"/>
+        </mxCell>
+        <mxCell id="g2d" value="Enter 发送 · Shift+Enter 换行&#xa;Esc 取消 · Tab 采纳预测&#xa;Cmd+Alt+Z 回撤" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;fontSize=10;fontColor=#555;" vertex="1" parent="1">
+          <mxGeometry x="420" y="145" width="220" height="50" as="geometry"/>
+        </mxCell>
+        <!-- Group 3: Super Document -->
+        <mxCell id="g3" value="📝 超级文书" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontSize=12;fontStyle=1;" vertex="1" parent="1">
+          <mxGeometry x="760" y="100" width="180" height="40" as="geometry"/>
+        </mxCell>
+        <mxCell id="g3d" value="Enter 接受 · Backspace 拒绝&#xa;] 下一个 · [ 上一个" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;fontSize=10;fontColor=#555;" vertex="1" parent="1">
+          <mxGeometry x="760" y="145" width="220" height="40" as="geometry"/>
+        </mxCell>
+        <!-- Group 4: Editor -->
+        <mxCell id="g4" value="✏️ 编辑器通用" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=12;fontStyle=1;" vertex="1" parent="1">
+          <mxGeometry x="80" y="440" width="180" height="40" as="geometry"/>
+        </mxCell>
+        <mxCell id="g4d" value="Cmd+S 保存 · Cmd+W 关闭&#xa;Cmd+F 查找 · Cmd+H 替换&#xa;Cmd+L 跳行 · F11 全屏" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;fontSize=10;fontColor=#555;" vertex="1" parent="1">
+          <mxGeometry x="80" y="485" width="220" height="50" as="geometry"/>
+        </mxCell>
+        <!-- Group 5: Markdown -->
+        <mxCell id="g5" value="📋 Markdown 编辑器" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontSize=12;fontStyle=1;" vertex="1" parent="1">
+          <mxGeometry x="420" y="440" width="180" height="40" as="geometry"/>
+        </mxCell>
+        <mxCell id="g5d" value="Cmd+B 加粗 · Cmd+I 斜体&#xa;Cmd+K 链接 · Cmd+P 预览&#xa;Cmd+Shift+T 表格" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;fontSize=10;fontColor=#555;" vertex="1" parent="1">
+          <mxGeometry x="420" y="485" width="220" height="50" as="geometry"/>
+        </mxCell>
+        <!-- Group 6: Code -->
+        <mxCell id="g6" value="⌨️ 代码编辑器" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;fontSize=12;fontStyle=1;" vertex="1" parent="1">
+          <mxGeometry x="760" y="440" width="180" height="40" as="geometry"/>
+        </mxCell>
+        <mxCell id="g6d" value="Cmd+/ 注释 · Cmd+Shift+[ 折叠&#xa;F1 命令面板&#xa;Cmd+K Cmd+0 全部折叠" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;fontSize=10;fontColor=#555;" vertex="1" parent="1">
+          <mxGeometry x="760" y="485" width="220" height="50" as="geometry"/>
+        </mxCell>
+        <!-- Edges from center to groups -->
+        <mxCell id="e1" style="edgeStyle=orthogonalEdgeStyle;curved=1;strokeColor=#d6b656;" edge="1" parent="1" source="center" target="g1">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e2" style="edgeStyle=orthogonalEdgeStyle;curved=1;strokeColor=#82b366;" edge="1" parent="1" source="center" target="g2">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e3" style="edgeStyle=orthogonalEdgeStyle;curved=1;strokeColor=#9673a6;" edge="1" parent="1" source="center" target="g3">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e4" style="edgeStyle=orthogonalEdgeStyle;curved=1;strokeColor=#b85450;" edge="1" parent="1" source="center" target="g4">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e5" style="edgeStyle=orthogonalEdgeStyle;curved=1;strokeColor=#666666;" edge="1" parent="1" source="center" target="g5">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <mxCell id="e6" style="edgeStyle=orthogonalEdgeStyle;curved=1;strokeColor=#d79b00;" edge="1" parent="1" source="center" target="g6">
+          <mxGeometry relative="1" as="geometry"/>
+        </mxCell>
+        <!-- Mode note -->
+        <mxCell id="note" value="三种模式：原生 | 统一（推荐）| 自定义&#xa;设置 &gt; 快捷键 &gt; 编辑器快捷键模式" style="shape=note;whiteSpace=wrap;html=1;size=14;fillColor=#ffffcc;strokeColor=#d6b656;fontSize=10;align=left;spacingLeft=5;" vertex="1" parent="1">
+          <mxGeometry x="860" y="290" width="210" height="60" as="geometry"/>
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/docs/05-more/assets/keyboard-shortcuts-overview.png b/docs/05-more/assets/keyboard-shortcuts-overview.png
new file mode 100644
index 0000000..3ffa4e1
Binary files /dev/null and b/docs/05-more/assets/keyboard-shortcuts-overview.png differ
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/05-more/02-keyboard-shortcuts.md b/i18n/en/docusaurus-plugin-content-docs/current/05-more/02-keyboard-shortcuts.md
index 297e0da..8172495 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/05-more/02-keyboard-shortcuts.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/05-more/02-keyboard-shortcuts.md
@@ -8,6 +8,8 @@ keywords: [keyboard shortcuts, hotkeys, shortcuts, efficiency]
 
 DesireCore offers three keyboard shortcut modes, which you can switch between in "Settings > Keyboard Shortcuts > Editor Shortcut Mode".
 
+![DesireCore Keyboard Shortcuts Overview](./assets/keyboard-shortcuts-overview.png)
+
 ## Shortcut Modes
 
 | Mode | Description | Best For |
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/05-more/07-data-locations.md b/i18n/en/docusaurus-plugin-content-docs/current/05-more/07-data-locations.md
index 40d250e..52b4d88 100644
--- a/i18n/en/docusaurus-plugin-content-docs/current/05-more/07-data-locations.md
+++ b/i18n/en/docusaurus-plugin-content-docs/current/05-more/07-data-locations.md
@@ -8,6 +8,8 @@ keywords: [data storage, file path, macOS, Windows, Linux, directory]
 
 DesireCore stores all data in the local file system, not relying on cloud servers to store your personal data.
 
+![DesireCore Data Storage Flow Diagram](./assets/data-flow-diagram.png)
+
 ## Platform Data Root Directories
 
 | Platform | Data Root Directory |
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/05-more/assets/data-flow-diagram.png b/i18n/en/docusaurus-plugin-content-docs/current/05-more/assets/data-flow-diagram.png
new file mode 100644
index 0000000..7dfd78a
Binary files /dev/null and b/i18n/en/docusaurus-plugin-content-docs/current/05-more/assets/data-flow-diagram.png differ
diff --git a/i18n/en/docusaurus-plugin-content-docs/current/05-more/assets/keyboard-shortcuts-overview.png b/i18n/en/docusaurus-plugin-content-docs/current/05-more/assets/keyboard-shortcuts-overview.png
new file mode 100644
index 0000000..3ffa4e1
Binary files /dev/null and b/i18n/en/docusaurus-plugin-content-docs/current/05-more/assets/keyboard-shortcuts-overview.png differ