diff --git a/GETTING_STARTED.md b/GETTING_STARTED.md
index 570f8d12..e0feab40 100644
--- a/GETTING_STARTED.md
+++ b/GETTING_STARTED.md
@@ -96,7 +96,27 @@ For simple, well-defined features, use the direct "plan → execute" pattern:
 
 > **💡 Note**: `/workflow:plan` automatically creates a session. You can also manually start a session first with `/workflow:session:start "Feature Name"`.
 
-### Scenario 2: Complex Feature with Multi-Agent Brainstorming
+### Scenario 2: UI Design Exploration
+
+For UI-focused projects, start with design exploration before implementation: **ui-design → update → plan → execute**
+
+```bash
+# Step 1: Generate UI design variations (auto-creates session)
+/workflow:ui-design:explore-auto --prompt "A modern, clean admin dashboard login page"
+
+# Step 2: Review designs in compare.html, then update brainstorming artifacts
+/workflow:ui-design:update --session <session-id> --selected-prototypes "login-v1,login-v2"
+
+# Step 3: Generate implementation plan with design references
+/workflow:plan
+
+# Step 4: Execute the implementation
+/workflow:execute
+```
+
+> **💡 Tip**: The `update` command integrates selected design prototypes into brainstorming artifacts, ensuring implementation follows the approved designs.
+
+### Scenario 3: Complex Feature with Multi-Agent Brainstorming
 
 For complex features requiring thorough analysis, use the complete workflow: **brainstorm → plan → execute**
 
@@ -124,17 +144,6 @@ For complex features requiring thorough analysis, use the complete workflow: **b
 - Architectural decisions with significant impact
 - When you need thorough requirements before implementation
 
-### Scenario 3: UI Design
-
-CCW has powerful UI design capabilities for generating prototypes from text descriptions:
-
-```bash
-# Generate UI design variations (auto-creates session)
-/workflow:ui-design:explore-auto --prompt "A modern, clean admin dashboard login page"
-```
-
-After completion, open the generated `compare.html` file in your browser to preview designs.
-
 ### Scenario 4: Bug Fixing
 
 Quick bug analysis and fix workflow:
diff --git a/GETTING_STARTED_CN.md b/GETTING_STARTED_CN.md
index d0784cd9..e0120e81 100644
--- a/GETTING_STARTED_CN.md
+++ b/GETTING_STARTED_CN.md
@@ -88,7 +88,27 @@
 
 > **💡 提示**：`/workflow:plan` 会自动创建会话。您也可以先手动启动会话：`/workflow:session:start "功能名称"`。
 
-### 场景 2：复杂功能的多智能体头脑风暴
+### 场景 2：UI 设计探索
+
+对于以 UI 为重点的项目，在实现前先进行设计探索：**ui-design → update → 规划 → 执行**
+
+```bash
+# 第 1 步：生成 UI 设计变体（自动创建会话）
+/workflow:ui-design:explore-auto --prompt "一个现代、简洁的管理后台登录页面"
+
+# 第 2 步：在 compare.html 中审查设计，然后更新头脑风暴工件
+/workflow:ui-design:update --session <session-id> --selected-prototypes "login-v1,login-v2"
+
+# 第 3 步：使用设计引用生成实现计划
+/workflow:plan
+
+# 第 4 步：执行实现
+/workflow:execute
+```
+
+> **💡 提示**：`update` 命令将选定的设计原型集成到头脑风暴工件中，确保实现遵循批准的设计。
+
+### 场景 3：复杂功能的多智能体头脑风暴
 
 对于需要深入分析的复杂功能，使用完整工作流：**头脑风暴 → 规划 → 执行**
 
@@ -116,17 +136,6 @@
 - 具有重大影响的架构决策
 - 实现前需要详尽需求分析
 
-### 场景 3：UI 设计
-
-CCW 拥有强大的 UI 设计能力，可从文本描述生成原型：
-
-```bash
-# 生成 UI 设计变体（自动创建会话）
-/workflow:ui-design:explore-auto --prompt "一个现代、简洁的管理后台登录页面"
-```
-
-完成后，在浏览器中打开生成的 `compare.html` 文件预览设计。
-
 ### 场景 4：Bug 修复
 
 快速 Bug 分析和修复工作流：