diff --git a/.vitepress/theme/components/KTab/index.vue b/.vitepress/theme/components/KTab/index.vue
index 7d4b88d..0c9630e 100644
--- a/.vitepress/theme/components/KTab/index.vue
+++ b/.vitepress/theme/components/KTab/index.vue
@@ -163,7 +163,7 @@ html[lang="zh"] .k-tabs-content {
 
 html[lang="en"] .k-tabs-content {
     position: relative;
-    min-height: 600px;
+    min-height: 550px;
 }
 
 html[lang="ja"] .k-tabs-content {
diff --git a/images/openmcp.chatbot.png b/images/openmcp.chatbot.png
index 6b50065..099d431 100644
Binary files a/images/openmcp.chatbot.png and b/images/openmcp.chatbot.png differ
diff --git a/images/openmcp.resource.png b/images/openmcp.resource.png
new file mode 100644
index 0000000..60700f8
Binary files /dev/null and b/images/openmcp.resource.png differ
diff --git a/images/openmcp.xml.png b/images/openmcp.xml.png
new file mode 100644
index 0000000..4ab918e
Binary files /dev/null and b/images/openmcp.xml.png differ
diff --git a/index.md b/index.md
index 28c2f6b..2a9286b 100644
--- a/index.md
+++ b/index.md
@@ -64,34 +64,34 @@ Who is OpenMCP for?
 <TwoSideLayout
   label="Professional Software Engineers"
   :texts="[
-    'Shift testing left to integrate your development and testing without opening third - party software. It offers extremely rich features.',
-    'Manage, debug, and test your intelligent agents freely and elegantly on the left - hand panel.',
-    'Every detail of the large language model calling tool is visible at a glance. You can directly reproduce unsatisfactory calling results with one click.',
-    'Each conversation will display various performance indicators, facilitating cost management.',
-    'The system prompt management panel allows you to easily build your intelligent agent applications with MCP servers and system prompts.'
+    'Shift testing left integrates development and testing seamlessly with rich features, no third-party tools needed.',
+    'Easily manage, debug, and test AI agents via the left-hand panel.',
+    'Monitor LLM tool details and instantly reproduce unsatisfactory results with one click.',
+    'Track performance metrics per conversation for better cost control.',
+    'Build AI agent apps effortlessly using MCP servers and system prompts via the management panel.'
   ]"
-  image="./images/openmcp.chatbot.png"
+  image="./images/openmcp.xml.png"
 />
 <TwoSideLayout
   label="Open - Source Community Enthusiasts"
   :texts="[
-    'Shift testing left to integrate your development and testing without opening third - party software. It offers extremely rich features.',
-    'OpenMCP is completely open - source. You can not only try this product for free but also join us to realize your creative ideas about agents.',
-    'The technical details are fully disclosed. You don\'t have to worry about your ideas and tokens being plagiarized.',
-    'The persistent system prompt management panel enables you to test the system prompts of actual MCP servers for sharing within the community.',
-    'The details of each test will be 100% under Git version control, making it easy for you to share your test results and reproduce others\' MCP projects at zero cost.'
+    'Shift-left testing integrates dev and testing without third-party tools, packed with rich features.',
+    'OpenMCP is fully open-source—use it free or collaborate to build agent innovations.',
+    'Full technical transparency protects your ideas and tokens from plagiarism risks.',
+    'Persistent prompt management lets you test and share real MCP server prompts.',
+    'Every test is Git-versioned for easy sharing and zero-cost replication of MCP projects.'
   ]"
-  image="./images/opensource.png"
+  image="./images/openmcp.chatbot.png"
 />
 <TwoSideLayout
   label="AI Research Scientists"
   :texts="[
-    'Shift testing left to integrate your development and testing without opening third - party software. It offers extremely rich features.',
-    'With just a few lines of code, you can quickly turn your scientific research results into MCP servers and connect to any large language model to achieve a user - friendly interface.',
-    'All experimental data and configuration parameters are automatically included in the Git version management system, ensuring that research results are traceable and reproducible for academic exchanges and paper reproduction.',
-    'Based on OpenMCP, you can quickly complete your demo and shorten the distance from innovation to implementation.'
+    'Shift-left testing integrates development and testing without third-party tools, offering rich features.',
+    'Convert research into MCP servers with minimal code, linking any LLM for a seamless UI.',
+    'Auto-track experiments & configs in Git for reproducible, traceable research.',
+    'OpenMCP accelerates demos, bridging innovation and deployment.'
   ]"
-  image="./images/openmcp.chatbot.png"
+  image="./images/openmcp.resource.png"
 />
 </KTab>
 
diff --git a/ja/images/openmcp.chatbot.png b/ja/images/openmcp.chatbot.png
index 6b50065..099d431 100644
Binary files a/ja/images/openmcp.chatbot.png and b/ja/images/openmcp.chatbot.png differ
diff --git a/ja/images/openmcp.resource.png b/ja/images/openmcp.resource.png
new file mode 100644
index 0000000..60700f8
Binary files /dev/null and b/ja/images/openmcp.resource.png differ
diff --git a/ja/images/openmcp.xml.png b/ja/images/openmcp.xml.png
new file mode 100644
index 0000000..4ab918e
Binary files /dev/null and b/ja/images/openmcp.xml.png differ
diff --git a/ja/index.md b/ja/index.md
index 6414022..9b3833d 100644
--- a/ja/index.md
+++ b/ja/index.md
@@ -70,7 +70,7 @@ OpenMCPは誰のためのものですか？
     'すべての会話で各種パフォーマンス指標が表示され、コスト管理が容易になります。',
     'システムプロンプト管理パネルを使用すると、MCPサーバーとシステムプロンプトを使って簡単にエージェントアプリケーションを構築できます。',
   ]"
-  image="./images/openmcp.chatbot.png"
+  image="./images/openmcp.xml.png"
 />
 <TwoSideLayout
   label="オープンソースコミュニティの愛好家"
@@ -81,7 +81,7 @@ OpenMCPは誰のためのものですか？
     '永続化可能なシステムプロンプト管理パネルを使用すると、実際のMCPサーバーのシステムプロンプトをテストし、コミュニティ内で共有することができます。',
     'すべてのテストの詳細は100％Gitのバージョン管理に従い、あなたのテスト結果を簡単に共有し、他の人のMCPプロジェクトをゼロコストで再現することができます。'
   ]"
-  image="./images/opensource.png"
+  image="./images/openmcp.chatbot.png"
 />
 <TwoSideLayout
   label="AI研究開発科学者"
@@ -91,7 +91,7 @@ OpenMCPは誰のためのものですか？
     'すべての実験データと設定パラメータは自動的にGitバージョン管理システムに組み込まれ、研究成果の追跡と再現が可能になり、学術交流や論文の再現が容易になります。',
     'OpenMCPをベースにしてあなたのデモをすばやく完成させ、イノベーションから実現までの距離を短縮します。',
   ]"
-  image="./images/openmcp.chatbot.png"
+  image="./images/openmcp.resource.png"
 />
 </KTab>
 
diff --git a/zh/images/openmcp.chatbot.png b/zh/images/openmcp.chatbot.png
index 6b50065..099d431 100644
Binary files a/zh/images/openmcp.chatbot.png and b/zh/images/openmcp.chatbot.png differ
diff --git a/zh/images/openmcp.resource.png b/zh/images/openmcp.resource.png
new file mode 100644
index 0000000..60700f8
Binary files /dev/null and b/zh/images/openmcp.resource.png differ
diff --git a/zh/images/openmcp.xml.png b/zh/images/openmcp.xml.png
new file mode 100644
index 0000000..4ab918e
Binary files /dev/null and b/zh/images/openmcp.xml.png differ
diff --git a/zh/index.md b/zh/index.md
index 3eaa807..0769e3e 100644
--- a/zh/index.md
+++ b/zh/index.md
@@ -74,7 +74,7 @@ OpenMCP 为谁准备？
     '每一次对话都会显示各项性能指标，方便进行成本管理。',
     '系统提示词管理面板，让您轻松用 mcp 服务器和系统提示词构建您的智能体应用。',
   ]"
-  image="./images/openmcp.chatbot.png"
+  image="./images/openmcp.xml.png"
 />
 <TwoSideLayout
   label="开源社区爱好者"
@@ -85,7 +85,7 @@ OpenMCP 为谁准备？
     '可持久化的系统提示词管理面板，让您可以将实际的 mcp 服务器的系统提示词进行测试，以便于在社区内进行分享。',
     '每一次测试的细节都会 100% 跟随 git 进行版本控制，方便你分享你的每一次试验结果，也方便你零成本复现别人的 mcp 项目。'
   ]"
-  image="./images/opensource.png"
+  image="./images/openmcp.chatbot.png"
 />
 <TwoSideLayout
   label="AI研发科学家"
@@ -95,7 +95,7 @@ OpenMCP 为谁准备？
     '所有实验数据与配置参数均自动纳入Git版本管理系统，确保研究成果可追溯、可复现，便于学术交流与论文复现。',
     '基于 OpenMCP 快速完成您的 demo，缩短创新到落地的距离。',
   ]"
-  image="./images/openmcp.chatbot.png"
+  image="./images/openmcp.resource.png"
 />
 </KTab>