diff --git a/docs/integrations/Development-Tools/RooCode.md b/docs/integrations/Development-Tools/RooCode.md
new file mode 100644
index 0000000000000000000000000000000000000000..ff8e3058dd198ea45192564fd5ecea7f1595b39b
--- /dev/null
+++ b/docs/integrations/Development-Tools/RooCode.md
@@ -0,0 +1,38 @@
+---
+sidebar_position: 5
+---
+# RooCode
+
+RooCode 是一个智能化的编程辅助工具，专门致力于提升代码协作效率和自动化流程，为开发团队提供了一个智能化的工作平台，使代码的编写、评审和维护工作变得更加便捷和高效。
+
+## 获取访问令牌
+1. 登录模力方舟官网，完成账号注册（已有账号直接登录）
+2. 进入工作台，点击右上角「设置」，选择 [**访问令牌**]({{SITE_URL}}/dashboard/settings/tokens) 
+3. 生成并复制专属的访问令牌，以备后续使用
+
+## 配置 RooCode 插件
+1. 打开 VS Code 插件市场，搜索 RooCode 插件，点击安装。
+
+    ![安装 RooCode 插件](/img/serverless-api/integrated/roocode01.png)
+
+2. 安装完成后， 打开 VS Code 命令面板（Ctrl+Shift+P），输入 RooCode: 配置 RooCode 插件，点击配置。
+
+    ![配置 RooCode 插件](/img/serverless-api/integrated/roocode02.png)
+
+3. 安装后在 VS Code 左侧栏中会出现小袋鼠图标，点击图标也可以进入配置页面，输入对应的配置信息。
+
+    ![配置 RooCode 插件](/img/serverless-api/integrated/roocode03.png)
+
+- **API 提供商**：选择 OpenAI 兼容服务
+- **OpenAI 基础 URL**：前往 [**AI 模型广场**]({{SITE_URL}}/serverless-api) 中获取 Base URL
+
+- **API 密钥**：粘贴您先前在 [**工作台->设置->访问令牌**]({{SITE_URL}}/dashboard/settings/tokens) 复制的访问令牌
+- **模型**：前往 [**AI 模型广场**]({{SITE_URL}}/serverless-api) 选择所需模型
+
+4. 配置完成后，即可返回对话页面开始使用 RooCode ，聊天窗口左下角有几种工作模式
+
+    ![安装 RooCode 插件](/img/serverless-api/integrated/roocode04.png)
+    
+    也可以直接使用 /cmd 方式切换模式：
+
+    ![选择 RooCode 模式](/img/serverless-api/integrated/roocode05.png)
diff --git a/docs/integrations/Development-Tools/claude-code.md b/docs/integrations/Development-Tools/claude-code.md
index 00659f28a32cf6b6bfcf7b64fd6476fb4ab3fb96..50fa313062b8cdd16479cb50b94ea45626186541 100644
--- a/docs/integrations/Development-Tools/claude-code.md
+++ b/docs/integrations/Development-Tools/claude-code.md
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 6
+sidebar_position: 7
 ---
 
 # Claude Code
diff --git a/docs/integrations/Development-Tools/continue.md b/docs/integrations/Development-Tools/continue.md
index e11b8a84568430dc3e66268287104d3cd74dd88e..14f98d25a4d0799970b4805c59b60a11b9bc2a7e 100644
--- a/docs/integrations/Development-Tools/continue.md
+++ b/docs/integrations/Development-Tools/continue.md
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 4
+sidebar_position: 6
 ---
 
 # Continue
diff --git a/static/img/serverless-api/integrated/roocode01.png b/static/img/serverless-api/integrated/roocode01.png
new file mode 100644
index 0000000000000000000000000000000000000000..c30af879f83a6f91aeca2c65cc49653599aedc4e
Binary files /dev/null and b/static/img/serverless-api/integrated/roocode01.png differ
diff --git a/static/img/serverless-api/integrated/roocode02.png b/static/img/serverless-api/integrated/roocode02.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d5adbd1879f8299bc4f99bb3c61d469eeeb1391
Binary files /dev/null and b/static/img/serverless-api/integrated/roocode02.png differ
diff --git a/static/img/serverless-api/integrated/roocode03.png b/static/img/serverless-api/integrated/roocode03.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0c652e228200a6e21cdc97b83ac73b317193588
Binary files /dev/null and b/static/img/serverless-api/integrated/roocode03.png differ
diff --git a/static/img/serverless-api/integrated/roocode04.png b/static/img/serverless-api/integrated/roocode04.png
new file mode 100644
index 0000000000000000000000000000000000000000..b75668b5af85d951801c9ef4525bd13492079976
Binary files /dev/null and b/static/img/serverless-api/integrated/roocode04.png differ
diff --git a/static/img/serverless-api/integrated/roocode05.png b/static/img/serverless-api/integrated/roocode05.png
new file mode 100644
index 0000000000000000000000000000000000000000..0fa7d05108a36d8e62bb9aa29bf837819de313d0
Binary files /dev/null and b/static/img/serverless-api/integrated/roocode05.png differ