diff --git a/.vitepress/config.mts b/.vitepress/config.mts
index 6bb7ae8d..87a0384f 100644
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -227,7 +227,7 @@ export default defineConfig({
                     items: [
                       {
                         text: 'CodeInterpreter',
-                        // link: 'use_cases/agent/code_interpreter/ci_intro.md',
+                        link: 'use_cases/agent/code_interpreter/ci_intro.md',
                         items: [
                           {
                             text: 'Data analysis and visualization',
@@ -463,7 +463,7 @@ export default defineConfig({
                     items: [
                       {
                         text: '代码解释器',
-                        // link: 'use_cases/agent/code_interpreter/ci_intro.md',
+                        link: 'use_cases/agent/code_interpreter/ci_intro.md',
                         items: [
                           {
                             text: '数据分析和可视化',
diff --git a/src/en/guide/use_cases/agent/code_interpreter/ci_intro.md b/src/en/guide/use_cases/agent/code_interpreter/ci_intro.md
index b9c0eefb..6cf373c0 100644
--- a/src/en/guide/use_cases/agent/code_interpreter/ci_intro.md
+++ b/src/en/guide/use_cases/agent/code_interpreter/ci_intro.md
@@ -1,21 +1,18 @@
-# Title
+# Code Interpreter (CI)
 
-## Overview
+## What are CodeInterpreter
 
-## Example 1: ...
+CodeInterpreter is an agent who solves problems through codes. It understands user requirements, makes plans, writes codes for execution, and uses tools if necessary. These capabilities enable it to tackle a wide range of scenarios, please check out the examples below.
 
-### Task
+## Example List
 
-### Code
-
-### Output
-
-## Example 2: ...
-
-### Task
-
-### Code
-
-### Output
-
-## Mechanism Explained
+- [Data visualization](./data_visualization.md)
+- [Machine learning modeling](./machine_learning.md)
+- [Image background removal](./image_removebg.md)
+- [Solve math problems](./solve_mathematical_problems.md)
+- [Receipt OCR](./ocr_receipt.md)
+- [Tool usage: web page imitation](./imitate_webpage.md)
+- [Tool usage: web crawling](./crawl_webpage.md)
+- [Tool usage: text2image](./text2image.md)
+- [Tool usage: email summarization and response](./email_summary.md)
+- More on the way!
diff --git a/src/zh/guide/use_cases/agent/code_interpreter/ci_intro.md b/src/zh/guide/use_cases/agent/code_interpreter/ci_intro.md
index 06f4d609..32c4ab04 100644
--- a/src/zh/guide/use_cases/agent/code_interpreter/ci_intro.md
+++ b/src/zh/guide/use_cases/agent/code_interpreter/ci_intro.md
@@ -1,21 +1,18 @@
-# 标题
+# 代码解释器（CodeInterpreter, CI）
 
-## 概览
+## 什么是代码解释器
 
-## 示例1：简短的标题
+代码解释器是一个通过编写代码来解决问题的智能体。它能理解用户需求，制定计划，编写执行代码，并在必要时使用工具。这些能力使它能够处理广泛的场景，请查看下面的示例列表。
 
-### 任务
+## 示例列表
 
-### 代码
-
-### 运行结果
-
-## 示例2：简短的标题
-
-### 任务
-
-### 代码
-
-### 运行结果
-
-## 机制解释
+- [数据可视化](./data_visualization.md)
+- [机器学习建模](./machine_learning.md)
+- [图像背景移除](./image_removebg.md)
+- [解决数学问题](./solve_mathematical_problems.md)
+- [票据OCR](./ocr_receipt.md)
+- [工具使用：网页仿写](./imitate_webpage.md)
+- [工具使用：网页爬取](./crawl_webpage.md)
+- [工具使用：文转图](./text2image.md)
+- [工具使用：邮件总结与回复](./email_summary.md)
+- 更多示例补充中