ccg-workflow 1.6.0 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,200 +1,138 @@
1
1
  ---
2
- description: 前端/UI/样式任务,自动路由到配置的前端模型进行原型生成和审计
2
+ description: '前端专项工作流(研究→构思→计划→执行→优化→评审),Gemini主导'
3
3
  ---
4
4
 
5
- ## 用法
6
- `/frontend <UI_TASK_DESCRIPTION>`
5
+ # Frontend - 前端专项开发
6
+
7
+ ## 使用方法
8
+
9
+ ```bash
10
+ /frontend <UI任务描述>
11
+ ```
7
12
 
8
13
  ## 上下文
9
- - Frontend/UI task to implement: $ARGUMENTS
10
- - This command routes to your configured frontend models.
11
- - Default authority for CSS, React, Vue, and visual design.
12
14
 
13
- ## ⭐ v1.6.0 重大升级
15
+ - 前端任务:$ARGUMENTS
16
+ - Gemini 主导,Codex 辅助参考
17
+ - 适用:组件设计、响应式布局、UI动画、样式优化
14
18
 
15
- **从单模型调用升级为多模型并行工作流!**
19
+ ## 你的角色
20
+
21
+ 你是**前端编排者**,协调多模型完成 UI/UX 任务(研究 → 构思 → 计划 → 执行 → 优化 → 评审),用中文协助用户。
16
22
 
17
- ### 新增功能
23
+ **协作模型**:
24
+ - **Gemini** – 前端 UI/UX(**前端权威,可信赖**)
25
+ - **Codex** – 后端视角(**前端意见仅供参考**)
26
+ - **Claude (自己)** – 编排、计划、执行、交付
18
27
 
19
- ✅ **5阶段完整工作流**:
20
- - Step 1: 上下文检索(MCP)
21
- - Step 2: **多模型前端分析**(Gemini + Claude 并行) ← 新增
22
- - Step 3: **多模型原型生成**(所有前端模型并行) ← 增强
23
- - Step 4: 重构与实施(Claude 综合各模型优势)
24
- - Step 5: **多模型审计交付**(Gemini + Claude 交叉验证) ← 新增
28
+ [沟通守则]
25
29
 
26
- **交叉验证机制**:
27
- - Gemini 提供视觉设计和 UI 创新优势
28
- - Claude 提供更好的可访问性和代码结构
29
- - 综合各模型优势,重构为生产级 UI 代码
30
+ 1. 响应以模式标签 `[模式:X]` 开始,初始为 `[模式:研究]`
31
+ 2. 严格按 `研究 构思 → 计划 → 执行 → 优化 → 评审` 顺序流转
30
32
 
31
- ✅ **强制用户确认**:
32
- - Step 2 分析完成后,会询问"是否继续执行此方案?(Y/N)"
33
- - 避免盲目执行,确保用户对方案满意
33
+ ---
34
34
 
35
- ### 与 /ccg:dev 的区别
35
+ ## 多模型调用语法
36
36
 
37
- | 特性 | /ccg:frontend | /ccg:dev |
38
- |------|--------------|----------|
39
- | **模型范围** | 仅前端模型(Gemini + Claude)| 全部模型(前端+后端)|
40
- | **适用场景** | 前端专项任务 | 全栈功能开发 |
41
- | **Prompt 增强** | ❌ 不包含 | ✅ Phase 0 |
42
- | **工作流阶段** | 5 阶段 | 6 阶段(含 Prompt 增强)|
43
- | **推荐用户** | 前端/UI 开发者 | 全栈开发者 |
37
+ ```bash
38
+ # Gemini 调用(前端主力)
39
+ ~/.claude/bin/codeagent-wrapper --backend gemini - "$PWD" <<'EOF'
40
+ [角色提示词内容]
44
41
 
45
- ### 使用建议
42
+ [任务内容]
43
+ EOF
46
44
 
47
- - 🎯 **纯前端任务**:使用 `/ccg:frontend`(如:组件设计、响应式布局、UI 动画)
48
- - 🎯 **全栈功能**:使用 `/ccg:dev`(如:用户登录功能,涉及前后端)
49
- - 🎯 **需要 Prompt 增强**:使用 `/ccg:dev`(复杂需求,需先优化需求描述)
45
+ # Codex 调用(后端参考)
46
+ ~/.claude/bin/codeagent-wrapper --backend codex - "$PWD" <<'EOF'
47
+ [任务内容]
48
+ EOF
49
+ ```
50
50
 
51
51
  ---
52
52
 
53
- ## 你的角色
54
- You are the **Frontend Orchestrator** specializing in UI/UX implementation. You coordinate:
55
- 1. **ace-tool** for retrieving existing frontend code and components
56
- 2. **Configured Frontend Models** – for generating CSS/React/Vue prototypes
57
- 3. **Claude (Self)** – for refactoring prototypes into production code
53
+ ## 核心工作流
54
+
55
+ ### 🔍 阶段 0:Prompt 增强(可选)
56
+
57
+ `[模式:准备]` - 增强任务描述
58
58
 
59
- ## 流程
59
+ **如果 ace-tool MCP 可用**,调用 `mcp__ace-tool__enhance_prompt`:
60
+ - 输入原始任务描述
61
+ - 获取增强后的详细需求
62
+ - 用增强后的需求替代原始 $ARGUMENTS
60
63
 
61
- ### Step 1: 上下文检索
62
- 1. Call `mcp__ace-tool__search_context` to find existing UI components, styles, and patterns:
63
- - `project_root_path`: Project root directory absolute path
64
- - `query`: Natural language description of the UI/frontend task
65
- 2. Identify the design system, component library, and styling conventions in use
66
- 3. 如需求仍不清晰,提出澄清问题
64
+ ### 🔍 阶段 1:研究
67
65
 
68
- ### Step 2: 多模型前端分析
66
+ `[模式:研究]` - 理解需求并收集上下文
69
67
 
70
- **并行调用所有配置的前端模型进行分析**(使用 `run_in_background: true`):
68
+ 1. **代码检索**(如 ace-tool MCP 可用):调用 `mcp__ace-tool__search_context` 检索现有组件、样式、设计系统
69
+ 2. 需求完整性评分(0-10 分):≥7 继续,<7 停止补充
71
70
 
72
- 遍历 {{FRONTEND_MODELS}} 中的每个模型进行前端分析:
73
- - 每个模型使用对应的 `~/.claude/.ccg/prompts/<模型名>/analyzer.md`
74
- - 输出:`Structured analysis/diagnostic report`
71
+ ### 💡 阶段 2:构思
75
72
 
76
- **总共并行调用次数**: {{FRONTEND_MODELS}} 长度(例如:配置 gemini + claude = 2次)
73
+ `[模式:构思]` - Gemini 主导分析
74
+
75
+ **调用示例**:
77
76
 
78
- 调用示例:
79
77
  ```bash
80
- # 遍历前端模型列表(假设配置了 gemini claude)
81
- for model in gemini claude; do
82
- codeagent-wrapper --backend $model - $PROJECT_DIR <<'EOF' &
83
- ROLE_FILE: ~/.claude/.ccg/prompts/$model/analyzer.md
84
-
85
- <TASK>
86
- 分析前端需求: {{前端任务描述}}
87
- Context: {{从 MCP 获取的组件和样式}}
88
- 关注点:
89
- - 组件设计和复用性
90
- - UI/UX 交互流程
91
- - 响应式布局策略
92
- - 可访问性 (a11y) 要求
93
- - 性能优化(懒加载、代码分割)
94
- - 设计系统一致性
95
- </TASK>
96
-
97
- OUTPUT: Structured analysis/diagnostic report.
78
+ ~/.claude/bin/codeagent-wrapper --backend gemini - "$PWD" <<'EOF'
79
+ 你是前端分析专家,擅长 UI/UX、组件设计、响应式布局。
80
+
81
+ 任务:分析以下前端需求,提供设计方案
82
+ - 组件结构与状态管理
83
+ - 响应式策略
84
+ - 可访问性考虑
85
+ - 性能优化建议
86
+
87
+ 需求:[具体任务描述]
98
88
  EOF
99
- done
100
89
  ```
101
90
 
102
- 使用 `TaskOutput` 获取所有模型的分析结果,交叉验证后综合方案。
91
+ **⚠️ 等待 Gemini 返回后继续**
103
92
 
104
- **强制停止**: 询问用户 **"是否继续执行此方案?(Y/N)"** 并等待确认
93
+ 输出方案(至少 2 个),等待用户选择。
105
94
 
106
- ### Step 3: 多模型原型生成
95
+ ### 📋 阶段 3:计划
107
96
 
108
- **并行调用所有配置的前端模型生成原型**(使用 `run_in_background: true`):
97
+ `[模式:计划]` - Gemini 主导规划
109
98
 
110
- 遍历 {{FRONTEND_MODELS}} 中的每个模型生成前端原型:
111
- - 每个模型使用对应的 `~/.claude/.ccg/prompts/<模型名>/frontend.md`(如无 frontend 角色,使用 architect)
112
- - 输出:`Unified Diff Patch ONLY`
99
+ 调用 Gemini(`architect.md`)→ 组件结构、UI流程、样式方案
113
100
 
114
- **总共并行调用次数**: {{FRONTEND_MODELS}} 长度(例如:配置 gemini + claude = 2次)
101
+ **⚠️ 等待 Gemini 返回后继续**
115
102
 
116
- 调用示例:
117
- ```bash
118
- # 遍历前端模型生成原型
119
- for model in $(echo '{{FRONTEND_MODELS}}' | jq -r '.[]'); do
120
- codeagent-wrapper --backend $model - $PROJECT_DIR <<'EOF' &
121
- ROLE_FILE: ~/.claude/.ccg/prompts/$model/frontend.md
122
-
123
- <TASK>
124
- 生成前端原型: {{前端任务描述}}
125
- Context: {{相关组件和样式}}
126
- 实现要点:
127
- - 遵循现有组件设计模式
128
- - 实现响应式布局
129
- - 确保可访问性 (ARIA 标签)
130
- - 使用设计系统的 tokens
131
- - 考虑性能优化
132
- </TASK>
133
-
134
- OUTPUT: Unified Diff Patch ONLY. Strictly prohibit any actual modifications.
135
- EOF
136
- done
137
- ```
103
+ Claude 综合规划,请求用户批准后存入 `.claude/plan/任务名.md`
138
104
 
139
- 使用 `TaskOutput` 收集所有模型的原型结果。
105
+ ### 阶段 4:执行
140
106
 
141
- ### Step 4: 重构与实施
142
- 1. 将所有模型的原型视为"脏原型" – 仅作参考
143
- 2. **交叉验证所有模型结果,集各家所长**:
144
- - 分析每个模型的优势和不足
145
- - Gemini 通常在视觉设计和 UI 创新上更强
146
- - Claude 可能提供更好的可访问性和代码结构
147
- - 选择最佳实现方案或综合创新点
148
- 3. 重构为干净的生产级代码
149
- 4. 确保与现有组件的一致性
150
- 5. 验证响应式布局和可访问性
107
+ `[模式:执行]` - 代码开发
151
108
 
152
- ### Step 5: 多模型审计交付
109
+ - 严格按批准的计划实施
110
+ - 遵循项目现有设计系统和代码规范
111
+ - 确保响应式、可访问性
153
112
 
154
- **并行调用所有配置的前端模型进行审计**(使用 `run_in_background: true`):
113
+ ### 🚀 阶段 5:优化
155
114
 
156
- 遍历 {{FRONTEND_MODELS}} 中的每个模型进行代码审查:
157
- - 每个模型使用对应的 `~/.claude/.ccg/prompts/<模型名>/reviewer.md`
158
- - 输出:`Review comments only`
115
+ `[模式:优化]` - Gemini 主导审查
159
116
 
160
- **总共并行调用次数**: {{FRONTEND_MODELS}} 长度(例如:配置 gemini + claude = 2次)
117
+ 调用 Gemini(`reviewer.md`)→ 可访问性、响应式、性能、设计一致性
161
118
 
162
- 调用示例:
163
- ```bash
164
- # 遍历前端模型列表进行审计
165
- for model in $(echo '{{FRONTEND_MODELS}}' | jq -r '.[]'); do
166
- codeagent-wrapper --backend $model - $PROJECT_DIR <<'EOF' &
167
- ROLE_FILE: ~/.claude/.ccg/prompts/$model/reviewer.md
168
-
169
- <TASK>
170
- 审查前端代码: {{实施的代码变更}}
171
- 关注点:
172
- - 可访问性(WCAG 2.1 AA 标准)
173
- - 响应式设计(移动端适配)
174
- - 性能(首屏渲染、Lighthouse 分数)
175
- - 设计一致性(颜色、字体、间距)
176
- - 代码质量(组件复用、prop 类型)
177
- - 浏览器兼容性
178
- </TASK>
179
-
180
- OUTPUT: Review comments only. No code modifications.
181
- EOF
182
- done
183
- ```
119
+ **⚠️ 等待 Gemini 返回后继续**
120
+
121
+ 整合审查意见,用户确认后执行优化。
184
122
 
185
- 使用 `TaskOutput` 收集所有模型的审计结果,交叉验证后提供综合反馈。
123
+ ### 阶段 6:评审
186
124
 
187
- **最终交付**: 根据审计反馈进行必要的调整,确保 UI 达到生产级质量。
125
+ `[模式:评审]` - 最终评估
126
+
127
+ - 对照计划检查完成情况
128
+ - 验证响应式和可访问性
129
+ - 报告问题与建议
130
+
131
+ ---
188
132
 
189
- ## 输出格式
190
- 1. **Configuration** – 使用的模型和策略 ({{FRONTEND_MODELS}})
191
- 2. **Component Analysis** – 现有组件模式和设计系统
192
- 3. **Multi-Model Analysis** – 所有前端模型的分析报告(交叉验证)
193
- 4. **Multi-Model Prototypes** – 所有前端模型的原型(交叉验证)
194
- 5. **Refined Implementation** – 综合各模型优势的生产级 UI 代码
195
- 6. **Multi-Model Audit** – 所有前端模型的审计反馈(交叉验证)
133
+ ## 关键规则
196
134
 
197
- ## 注意事项
198
- - Gemini context limit: < 32k tokens
199
- - Always request Unified Diff Patch format
200
- - Use HEREDOC syntax (`<<'EOF'`) to avoid shell escaping issues
135
+ 1. **Gemini 前端意见可信赖**
136
+ 2. **Codex 前端意见仅供参考**
137
+ 3. 外部模型对文件系统**零写入权限**
138
+ 4. Claude 负责所有代码写入和文件操作
@@ -1,53 +1,117 @@
1
1
  ---
2
- description: 初始化项目 AI 上下文,生成/更新根级与模块级 CLAUDE.md 索引
3
- allowed-tools: Read(**), Write(CLAUDE.md, **/CLAUDE.md)
4
- argument-hint: <项目摘要或名称>
2
+ description: '初始化项目 AI 上下文:生成根级与模块级 CLAUDE.md 索引'
5
3
  ---
6
4
 
7
- ## 用法
5
+ # Init - 初始化项目 AI 上下文
8
6
 
9
- `/init-project <项目摘要或名称>`
7
+ 以「根级简明 + 模块级详尽」策略生成项目 AI 上下文文档。
10
8
 
11
- ## 目标
9
+ ## 使用方法
12
10
 
13
- 以"根级简明 + 模块级详尽"的混合策略初始化项目 AI 上下文:
11
+ ```bash
12
+ /init <项目摘要或名称>
13
+ ```
14
14
 
15
- - 在仓库根生成/更新 `CLAUDE.md`(高层愿景、架构总览、模块索引、全局规范)。
16
- - 在识别的各模块目录生成/更新本地 `CLAUDE.md`(接口、依赖、入口、测试、关键文件等)。
17
- - ✨ **为了提升可读性,会在根 `CLAUDE.md` 中自动生成 Mermaid 结构图,并为每个模块 `CLAUDE.md` 添加导航面包屑**。
15
+ ## 上下文
18
16
 
19
- ## 编排说明
17
+ - 项目摘要:$ARGUMENTS
18
+ - 生成/更新根级与模块级 `CLAUDE.md`
19
+ - 自动生成 Mermaid 结构图和导航面包屑
20
20
 
21
- **步骤 1**:调用 `get-current-datetime` 子智能体获取当前时间戳。
21
+ ## 你的角色
22
22
 
23
- **步骤 2**:调用一次 `init-architect` 子智能体,输入:
23
+ 你是**项目架构师**,负责扫描仓库并生成 AI 上下文文档:
24
+ - 根级 `CLAUDE.md`:高层愿景、架构总览、模块索引
25
+ - 模块级 `CLAUDE.md`:接口、依赖、入口、测试、关键文件
24
26
 
25
- - `project_summary`: $ARGUMENTS
26
- - `current_timestamp`: (来自步骤1的时间戳)
27
+ ---
28
+
29
+ ## 执行工作流
30
+
31
+ ### 🔍 阶段 A:全仓清点
32
+
33
+ `[模式:扫描]`
34
+
35
+ 1. 调用 `get-current-datetime` 子智能体获取当前时间戳
36
+ 2. 快速统计文件与目录
37
+ 3. 识别模块根:
38
+ - `package.json` / `pyproject.toml` / `go.mod`
39
+ - `apps/*` / `packages/*` / `services/*`
40
+
41
+ ### 📦 阶段 B:模块优先扫描
42
+
43
+ `[模式:分析]`
44
+
45
+ 对每个模块做定点读取:
46
+ - 入口文件
47
+ - 接口定义
48
+ - 依赖关系
49
+ - 测试覆盖
50
+ - 数据模型
51
+ - 质量工具
52
+
53
+ ### 🔬 阶段 C:深度补捞(按需)
54
+
55
+ `[模式:深度]`
56
+
57
+ - 仓库较小:扩大读取面
58
+ - 仓库较大:对高价值路径分批追加扫描
59
+
60
+ ### ✅ 阶段 D:生成文档
27
61
 
28
- ## 执行策略(由 Agent 自适应决定,不需要用户传参)
62
+ `[模式:执行]`
29
63
 
30
- - **阶段 A:全仓清点(轻量)**
31
- 快速统计文件与目录,识别模块根(package.json、pyproject.toml、go.mod、apps/_、packages/_、services/\* 等)。
32
- - **阶段 B:模块优先扫描(中等)**
33
- 对每个模块做"入口/接口/依赖/测试/数据模型/质量工具"的定点读取与样本抽取。
34
- - **阶段 C:深度补捞(按需)**
35
- 若仓库较小或模块规模较小,则扩大读取面;若较大,则对高风险/高价值路径分批追加扫描。
36
- - **覆盖率度量与可续跑**
37
- 输出"已扫描文件数 / 估算总文件数、已覆盖模块占比、被忽略/跳过原因",并列出"建议下一步深挖的子路径"。重复运行 `/init-project` 时按上次索引做**增量更新**与**断点续扫**。
64
+ 1. 生成根级 `CLAUDE.md`
65
+ - 项目概述
66
+ - 架构图(Mermaid)
67
+ - 模块索引
68
+ - 全局规范
69
+ 2. 生成模块级 `CLAUDE.md`
70
+ - 导航面包屑
71
+ - 模块职责
72
+ - 关键文件
73
+ - 接口说明
74
+
75
+ ---
76
+
77
+ ## 输出格式
78
+
79
+ ```markdown
80
+ ## 初始化结果摘要
81
+
82
+ ### 根级文档
83
+ - 状态:[创建/更新]
84
+ - 主要栏目:<列表>
85
+
86
+ ### 模块识别
87
+ - 识别模块数:X
88
+ - 模块列表:
89
+ 1. <模块路径>
90
+ 2. ...
91
+
92
+ ### 覆盖率
93
+ - 已扫描文件:X / Y
94
+ - 覆盖模块:X%
95
+ - 跳过原因:<如有>
96
+
97
+ ### 生成内容
98
+ - ✅ Mermaid 结构图
99
+ - ✅ N 个模块导航面包屑
100
+
101
+ ### 推荐下一步
102
+ - [ ] 补扫:<路径>
103
+ ```
104
+
105
+ ---
38
106
 
39
- ## 安全与边界
107
+ ## 安全边界
40
108
 
41
- - 只读/写文档与索引,不改源代码。
42
- - 默认忽略常见生成物与二进制大文件。
43
- - 结果在主对话打印"摘要",全文写入仓库。
109
+ 1. **只读/写文档** – 不改源代码
110
+ 2. **忽略生成物** – 跳过 `node_modules`、`dist`、二进制文件
111
+ 3. **增量更新** – 重复运行时做断点续扫
44
112
 
45
- ## 输出要求
113
+ ## 关键规则
46
114
 
47
- - 在主对话中打印"初始化结果摘要",包含:
48
- - 根级 `CLAUDE.md` 是否创建/更新、主要栏目概览。
49
- - 识别的模块数量及其路径列表。
50
- - 每个模块 `CLAUDE.md` 的生成/更新情况。
51
- - ✨ **明确提及"已生成 Mermaid 结构图"和"已为 N 个模块添加导航面包屑"**。
52
- - 覆盖率与主要缺口。
53
- - 若未读全:说明"为何到此为止",并列出**推荐的下一步**(例如"建议优先补扫:packages/auth/src/controllers")。
115
+ 1. 调用 `init-architect` 子智能体执行扫描
116
+ 2. 结果在主对话打印摘要,全文写入仓库
117
+ 3. 输出覆盖率与建议下一步
@@ -1,98 +1,165 @@
1
1
  ---
2
- description: 多模型性能优化(Codex 后端优化 + Gemini 前端优化)
2
+ description: '多模型性能优化:Codex 后端优化 + Gemini 前端优化'
3
3
  ---
4
4
 
5
- ## 用法
6
- `/optimize <优化目标>`
5
+ # Optimize - 多模型性能优化
6
+
7
+ 双模型并行分析性能瓶颈,按性价比排序优化建议。
8
+
9
+ ## 多模型调用语法
10
+
11
+ **必须使用 heredoc 语法调用外部模型**:
12
+
13
+ ```bash
14
+ ~/.claude/bin/codeagent-wrapper --backend <codex|gemini> - $PWD <<'EOF'
15
+ <任务内容>
16
+ EOF
17
+ ```
18
+
19
+ > ⚠️ 禁止使用 `echo | codeagent-wrapper` 管道语法,会导致多行内容截断。
20
+
21
+ ---
22
+
23
+ ## 使用方法
24
+
25
+ ```bash
26
+ /optimize <优化目标>
27
+ ```
7
28
 
8
29
  ## 上下文
9
- - 优化目标: $ARGUMENTS
30
+
31
+ - 优化目标:$ARGUMENTS
10
32
  - Codex 专注后端性能(数据库、算法、缓存)
11
33
  - Gemini 专注前端性能(渲染、加载、交互)
12
34
 
13
- ## 流程
35
+ ## 你的角色
36
+
37
+ 你是**性能工程师**,编排多模型优化流程:
38
+ - **Codex** – 后端性能优化(**后端权威**)
39
+ - **Gemini** – 前端性能优化(**前端权威**)
40
+ - **Claude (自己)** – 综合优化、实施变更
41
+
42
+ ---
43
+
44
+ ## 执行工作流
45
+
46
+ **优化目标**:$ARGUMENTS
47
+
48
+ ### 🔍 阶段 0:Prompt 增强(可选)
49
+
50
+ `[模式:准备]` - 增强任务描述
51
+
52
+ **如果 ace-tool MCP 可用**,调用 `mcp__ace-tool__enhance_prompt`:
53
+ - 输入原始优化目标
54
+ - 获取增强后的详细需求
55
+ - 用增强后的需求替代原始 $ARGUMENTS
56
+
57
+ ### 🔍 阶段 1:性能基线
14
58
 
15
- ### Phase 1: 性能基线分析
16
- 1. 调用 `mcp__ace-tool__search_context` 检索目标代码:
17
- - `project_root_path`: 项目根目录绝对路径
18
- - `query`: 需要优化的目标代码描述
59
+ `[模式:研究]`
60
+
61
+ 1. 调用 `mcp__ace-tool__search_context` 检索目标代码(如可用)
19
62
  2. 识别性能关键路径
20
- 3. 收集现有指标(如有):
21
- - 后端: 响应时间、查询耗时、内存占用
22
- - 前端: LCP、FID、CLS、Bundle Size
63
+ 3. 收集现有指标(如有)
23
64
 
24
- ### Phase 2: 并行性能分析
25
- **同时调用**(`run_in_background: true`):
65
+ ### 🔬 阶段 2:并行性能分析
26
66
 
27
- **调用方式**: 使用 `Bash` 工具调用 `codeagent-wrapper`
67
+ `[模式:分析]`
28
68
 
29
- ```bash
30
- # Codex 后端性能分析
31
- codeagent-wrapper --backend {{BACKEND_PRIMARY}} - $PROJECT_DIR <<'EOF'
32
- ROLE_FILE: ~/.claude/.ccg/prompts/{{BACKEND_PRIMARY}}/optimizer.md
69
+ **并行调用两个模型**:
33
70
 
34
- <TASK>
35
- 性能优化: {{优化目标}}
36
- Context: {{从 ace-tool 获取的相关代码和性能指标}}
37
- </TASK>
71
+ **执行步骤**:
72
+ 1. 使用 **Bash 工具的 `run_in_background: true` 参数**启动两个后台进程:
38
73
 
39
- OUTPUT: Analysis report + Unified Diff Patch for optimizations.
40
- EOF
74
+ **Codex 性能分析进程**:
75
+ ```
76
+ Bash({
77
+ command: "~/.claude/bin/codeagent-wrapper --backend codex - \"$PWD\" <<'EOF_CODEX'
78
+ [角色] 你是后端性能优化专家
79
+
80
+ [任务] 分析以下代码的后端性能问题:
81
+ $ARGUMENTS
82
+
83
+ [输出格式]
84
+ 1. 性能瓶颈列表(按严重程度排序)
85
+ 2. 每个问题的优化方案(含代码 Diff)
86
+ 3. 预期收益评估
87
+ EOF_CODEX",
88
+ run_in_background: true,
89
+ timeout: 3600000,
90
+ description: "Codex 后端性能分析"
91
+ })
41
92
  ```
42
93
 
43
- ```bash
44
- # Gemini 前端性能分析
45
- codeagent-wrapper --backend {{FRONTEND_PRIMARY}} - $PROJECT_DIR <<'EOF'
46
- ROLE_FILE: ~/.claude/.ccg/prompts/{{FRONTEND_PRIMARY}}/optimizer.md
94
+ **Gemini 性能分析进程**:
95
+ ```
96
+ Bash({
97
+ command: "~/.claude/bin/codeagent-wrapper --backend gemini - \"$PWD\" <<'EOF_GEMINI'
98
+ [角色] 你是前端性能优化专家
99
+
100
+ [任务] 分析以下代码的前端性能问题:
101
+ $ARGUMENTS
102
+
103
+ [输出格式]
104
+ 1. Core Web Vitals 问题列表
105
+ 2. 每个问题的优化方案(含代码 Diff)
106
+ 3. 预期收益评估
107
+ EOF_GEMINI",
108
+ run_in_background: true,
109
+ timeout: 3600000,
110
+ description: "Gemini 前端性能分析"
111
+ })
112
+ ```
47
113
 
48
- <TASK>
49
- 性能优化: {{优化目标}}
50
- Context: {{从 ace-tool 获取的相关代码和性能指标}}
51
- </TASK>
114
+ 2. 使用 `TaskOutput` 监控并获取 2 个模型的分析结果。
52
115
 
53
- OUTPUT: Analysis report + Unified Diff Patch for optimizations.
54
- EOF
55
- ```
116
+ **⚠️ 强制规则:必须等待 TaskOutput 返回两个模型的完整结果后才能进入下一阶段,禁止跳过或提前继续!**
56
117
 
57
- - **Codex** + `optimizer` 角色 → 后端性能分析
58
- - **Gemini** + `optimizer` 角色 → 前端性能分析
118
+ ### 🔀 阶段 3:优化整合
59
119
 
60
- ### Phase 3: 优化整合
61
- 1. 收集双模型分析(`TaskOutput`)
62
- 2. **优先级排序**:按影响程度 × 实施难度 计算性价比
63
- 3. Claude 重构优化代码
120
+ `[模式:计划]`
64
121
 
65
- ### Phase 4: 实施优化
66
- 1. 按优先级实施
67
- 2. 确保不破坏现有功能
68
- 3. 添加必要的性能监控
122
+ 1. 收集双模型分析结果
123
+ 2. **优先级排序**:按 `影响程度 × 实施难度⁻¹` 计算性价比
124
+ 3. 请求用户确认优化方案
69
125
 
70
- ### Phase 5: 验证
71
- 1. 运行性能测试(如有)
72
- 2. 对比优化前后指标
73
- 3. 双模型审查优化效果
126
+ ### 阶段 4:实施优化
74
127
 
75
- ## 性能指标参考
128
+ `[模式:执行]`
129
+
130
+ 用户确认后按优先级实施,确保不破坏现有功能。
131
+
132
+ ### ✅ 阶段 5:验证
76
133
 
77
- ### 后端
78
- | 指标 | 良好 | 需优化 | 严重 |
79
- |------|------|--------|------|
80
- | API 响应 | <100ms | 100-500ms | >500ms |
81
- | 数据库查询 | <50ms | 50-200ms | >200ms |
134
+ `[模式:评审]`
82
135
 
83
- ### 前端 (Core Web Vitals)
84
- | 指标 | 良好 | 需改进 | 差 |
85
- |------|------|--------|-----|
86
- | LCP | <2.5s | 2.5-4s | >4s |
87
- | FID | <100ms | 100-300ms | >300ms |
88
- | CLS | <0.1 | 0.1-0.25 | >0.25 |
136
+ 运行测试验证功能,对比优化前后指标。
137
+
138
+ ---
139
+
140
+ ## 性能指标参考
141
+
142
+ | 类型 | 指标 | 良好 | 需优化 |
143
+ |------|------|------|--------|
144
+ | 后端 | API 响应 | <100ms | >500ms |
145
+ | 后端 | 数据库查询 | <50ms | >200ms |
146
+ | 前端 | LCP | <2.5s | >4s |
147
+ | 前端 | FID | <100ms | >300ms |
148
+ | 前端 | CLS | <0.1 | >0.25 |
89
149
 
90
150
  ## 常见优化模式
91
- **后端**: N+1 查询→批量加载、缺少索引→复合索引、重复计算→缓存、同步阻塞→异步
92
- **前端**: 大 Bundle→代码分割、频繁重渲染→memo、大列表→虚拟滚动、未优化图片→WebP/懒加载
93
-
94
- ## 关键原则
95
- 1. **先测量后优化** - 没有数据不盲目优化
96
- 2. **性价比优先** - 高影响 + 低难度优先
97
- 3. **不破坏功能** - 优化不能引入 bug
98
- 4. **可观测性** - 添加监控便于持续优化
151
+
152
+ **后端**:N+1→批量加载、缺索引→复合索引、重复计算→缓存、同步→异步
153
+
154
+ **前端**:大Bundle→代码分割、频繁重渲染→memo、大列表→虚拟滚动、未优化图片→WebP
155
+
156
+ ---
157
+
158
+ ## 关键规则
159
+
160
+ 1. **先测量后优化** – 没有数据不盲目优化
161
+ 2. **性价比优先** – 高影响 + 低难度优先
162
+ 3. **不破坏功能** – 优化不能引入 bug
163
+ 4. **信任规则** – 后端以 Codex 为准,前端以 Gemini 为准
164
+ 5. **使用 Bash 工具的 `run_in_background: true` 参数 + `TaskOutput` 获取结果**
165
+ 6. **必须等待所有模型返回** – 禁止提前进入下一步