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.
- package/README.md +175 -408
- package/bin/codeagent-wrapper-linux-arm64 +0 -0
- package/bin/codeagent-wrapper-windows-arm64.exe +0 -0
- package/dist/cli.mjs +1 -1
- package/dist/index.d.mts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.mjs +1 -1
- package/dist/shared/{ccg-workflow.CjatSnB0.mjs → ccg-workflow._fNXxrRQ.mjs} +194 -286
- package/package.json +1 -1
- package/templates/commands/analyze.md +130 -57
- package/templates/commands/backend.md +92 -152
- package/templates/commands/clean-branches.md +81 -66
- package/templates/commands/commit.md +81 -117
- package/templates/commands/debug.md +117 -90
- package/templates/commands/feat.md +68 -282
- package/templates/commands/frontend.md +92 -154
- package/templates/commands/init.md +100 -36
- package/templates/commands/optimize.md +137 -70
- package/templates/commands/review.md +123 -63
- package/templates/commands/rollback.md +86 -60
- package/templates/commands/test.md +143 -54
- package/templates/commands/workflow.md +244 -0
- package/templates/commands/worktree.md +78 -226
- package/templates/commands/bugfix.md +0 -114
- package/templates/commands/code.md +0 -255
- package/templates/commands/dev.md +0 -179
- package/templates/commands/think.md +0 -102
|
@@ -1,200 +1,138 @@
|
|
|
1
1
|
---
|
|
2
|
-
description:
|
|
2
|
+
description: '前端专项工作流(研究→构思→计划→执行→优化→评审),Gemini主导'
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
28
|
-
- Claude 提供更好的可访问性和代码结构
|
|
29
|
-
- 综合各模型优势,重构为生产级 UI 代码
|
|
30
|
+
1. 响应以模式标签 `[模式:X]` 开始,初始为 `[模式:研究]`
|
|
31
|
+
2. 严格按 `研究 → 构思 → 计划 → 执行 → 优化 → 评审` 顺序流转
|
|
30
32
|
|
|
31
|
-
|
|
32
|
-
- Step 2 分析完成后,会询问"是否继续执行此方案?(Y/N)"
|
|
33
|
-
- 避免盲目执行,确保用户对方案满意
|
|
33
|
+
---
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
## 多模型调用语法
|
|
36
36
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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
|
-
|
|
48
|
-
-
|
|
49
|
-
|
|
45
|
+
# Codex 调用(后端参考)
|
|
46
|
+
~/.claude/bin/codeagent-wrapper --backend codex - "$PWD" <<'EOF'
|
|
47
|
+
[任务内容]
|
|
48
|
+
EOF
|
|
49
|
+
```
|
|
50
50
|
|
|
51
51
|
---
|
|
52
52
|
|
|
53
|
-
##
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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
|
-
###
|
|
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
|
-
|
|
66
|
+
`[模式:研究]` - 理解需求并收集上下文
|
|
69
67
|
|
|
70
|
-
|
|
68
|
+
1. **代码检索**(如 ace-tool MCP 可用):调用 `mcp__ace-tool__search_context` 检索现有组件、样式、设计系统
|
|
69
|
+
2. 需求完整性评分(0-10 分):≥7 继续,<7 停止补充
|
|
71
70
|
|
|
72
|
-
|
|
73
|
-
- 每个模型使用对应的 `~/.claude/.ccg/prompts/<模型名>/analyzer.md`
|
|
74
|
-
- 输出:`Structured analysis/diagnostic report`
|
|
71
|
+
### 💡 阶段 2:构思
|
|
75
72
|
|
|
76
|
-
|
|
73
|
+
`[模式:构思]` - Gemini 主导分析
|
|
74
|
+
|
|
75
|
+
**调用示例**:
|
|
77
76
|
|
|
78
|
-
调用示例:
|
|
79
77
|
```bash
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
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
|
-
|
|
91
|
+
**⚠️ 等待 Gemini 返回后继续**
|
|
103
92
|
|
|
104
|
-
|
|
93
|
+
输出方案(至少 2 个),等待用户选择。
|
|
105
94
|
|
|
106
|
-
###
|
|
95
|
+
### 📋 阶段 3:计划
|
|
107
96
|
|
|
108
|
-
|
|
97
|
+
`[模式:计划]` - Gemini 主导规划
|
|
109
98
|
|
|
110
|
-
|
|
111
|
-
- 每个模型使用对应的 `~/.claude/.ccg/prompts/<模型名>/frontend.md`(如无 frontend 角色,使用 architect)
|
|
112
|
-
- 输出:`Unified Diff Patch ONLY`
|
|
99
|
+
调用 Gemini(`architect.md`)→ 组件结构、UI流程、样式方案
|
|
113
100
|
|
|
114
|
-
|
|
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
|
-
|
|
105
|
+
### ⚡ 阶段 4:执行
|
|
140
106
|
|
|
141
|
-
|
|
142
|
-
1. 将所有模型的原型视为"脏原型" – 仅作参考
|
|
143
|
-
2. **交叉验证所有模型结果,集各家所长**:
|
|
144
|
-
- 分析每个模型的优势和不足
|
|
145
|
-
- Gemini 通常在视觉设计和 UI 创新上更强
|
|
146
|
-
- Claude 可能提供更好的可访问性和代码结构
|
|
147
|
-
- 选择最佳实现方案或综合创新点
|
|
148
|
-
3. 重构为干净的生产级代码
|
|
149
|
-
4. 确保与现有组件的一致性
|
|
150
|
-
5. 验证响应式布局和可访问性
|
|
107
|
+
`[模式:执行]` - 代码开发
|
|
151
108
|
|
|
152
|
-
|
|
109
|
+
- 严格按批准的计划实施
|
|
110
|
+
- 遵循项目现有设计系统和代码规范
|
|
111
|
+
- 确保响应式、可访问性
|
|
153
112
|
|
|
154
|
-
|
|
113
|
+
### 🚀 阶段 5:优化
|
|
155
114
|
|
|
156
|
-
|
|
157
|
-
- 每个模型使用对应的 `~/.claude/.ccg/prompts/<模型名>/reviewer.md`
|
|
158
|
-
- 输出:`Review comments only`
|
|
115
|
+
`[模式:优化]` - Gemini 主导审查
|
|
159
116
|
|
|
160
|
-
|
|
117
|
+
调用 Gemini(`reviewer.md`)→ 可访问性、响应式、性能、设计一致性
|
|
161
118
|
|
|
162
|
-
|
|
163
|
-
|
|
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
|
-
|
|
123
|
+
### ✅ 阶段 6:评审
|
|
186
124
|
|
|
187
|
-
|
|
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
|
-
|
|
199
|
-
|
|
200
|
-
|
|
135
|
+
1. **Gemini 前端意见可信赖**
|
|
136
|
+
2. **Codex 前端意见仅供参考**
|
|
137
|
+
3. 外部模型对文件系统**零写入权限**
|
|
138
|
+
4. Claude 负责所有代码写入和文件操作
|
|
@@ -1,53 +1,117 @@
|
|
|
1
1
|
---
|
|
2
|
-
description: 初始化项目 AI
|
|
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
|
-
|
|
7
|
+
以「根级简明 + 模块级详尽」策略生成项目 AI 上下文文档。
|
|
10
8
|
|
|
11
|
-
##
|
|
9
|
+
## 使用方法
|
|
12
10
|
|
|
13
|
-
|
|
11
|
+
```bash
|
|
12
|
+
/init <项目摘要或名称>
|
|
13
|
+
```
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
- 在识别的各模块目录生成/更新本地 `CLAUDE.md`(接口、依赖、入口、测试、关键文件等)。
|
|
17
|
-
- ✨ **为了提升可读性,会在根 `CLAUDE.md` 中自动生成 Mermaid 结构图,并为每个模块 `CLAUDE.md` 添加导航面包屑**。
|
|
15
|
+
## 上下文
|
|
18
16
|
|
|
19
|
-
|
|
17
|
+
- 项目摘要:$ARGUMENTS
|
|
18
|
+
- 生成/更新根级与模块级 `CLAUDE.md`
|
|
19
|
+
- 自动生成 Mermaid 结构图和导航面包屑
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
## 你的角色
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
你是**项目架构师**,负责扫描仓库并生成 AI 上下文文档:
|
|
24
|
+
- 根级 `CLAUDE.md`:高层愿景、架构总览、模块索引
|
|
25
|
+
- 模块级 `CLAUDE.md`:接口、依赖、入口、测试、关键文件
|
|
24
26
|
|
|
25
|
-
|
|
26
|
-
|
|
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
|
-
|
|
62
|
+
`[模式:执行]`
|
|
29
63
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
-
|
|
33
|
-
|
|
34
|
-
-
|
|
35
|
-
|
|
36
|
-
-
|
|
37
|
-
|
|
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
|
-
|
|
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:
|
|
2
|
+
description: '多模型性能优化:Codex 后端优化 + Gemini 前端优化'
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
###
|
|
25
|
-
**同时调用**(`run_in_background: true`):
|
|
65
|
+
### 🔬 阶段 2:并行性能分析
|
|
26
66
|
|
|
27
|
-
|
|
67
|
+
`[模式:分析]`
|
|
28
68
|
|
|
29
|
-
|
|
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
|
-
|
|
35
|
-
|
|
36
|
-
Context: {{从 ace-tool 获取的相关代码和性能指标}}
|
|
37
|
-
</TASK>
|
|
71
|
+
**执行步骤**:
|
|
72
|
+
1. 使用 **Bash 工具的 `run_in_background: true` 参数**启动两个后台进程:
|
|
38
73
|
|
|
39
|
-
|
|
40
|
-
|
|
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
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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
|
-
|
|
49
|
-
性能优化: {{优化目标}}
|
|
50
|
-
Context: {{从 ace-tool 获取的相关代码和性能指标}}
|
|
51
|
-
</TASK>
|
|
114
|
+
2. 使用 `TaskOutput` 监控并获取 2 个模型的分析结果。
|
|
52
115
|
|
|
53
|
-
|
|
54
|
-
EOF
|
|
55
|
-
```
|
|
116
|
+
**⚠️ 强制规则:必须等待 TaskOutput 返回两个模型的完整结果后才能进入下一阶段,禁止跳过或提前继续!**
|
|
56
117
|
|
|
57
|
-
|
|
58
|
-
- **Gemini** + `optimizer` 角色 → 前端性能分析
|
|
118
|
+
### 🔀 阶段 3:优化整合
|
|
59
119
|
|
|
60
|
-
|
|
61
|
-
1. 收集双模型分析(`TaskOutput`)
|
|
62
|
-
2. **优先级排序**:按影响程度 × 实施难度 计算性价比
|
|
63
|
-
3. Claude 重构优化代码
|
|
120
|
+
`[模式:计划]`
|
|
64
121
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
3. 添加必要的性能监控
|
|
122
|
+
1. 收集双模型分析结果
|
|
123
|
+
2. **优先级排序**:按 `影响程度 × 实施难度⁻¹` 计算性价比
|
|
124
|
+
3. 请求用户确认优化方案
|
|
69
125
|
|
|
70
|
-
###
|
|
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
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
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
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
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. **必须等待所有模型返回** – 禁止提前进入下一步
|