@devflow-tools/cli 0.14.3 → 0.15.0

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.
@@ -28,44 +28,6 @@ When the skill execution is complete, clean up:
28
28
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
29
29
  ```
30
30
 
31
- ## 工作流(必须按顺序执行)
32
-
33
- ### Step 1: 获取精确上下文
34
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
35
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
36
-
37
- ### Step 2: 分析
38
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
39
- 此时可以自由使用 Read 查看具体文件。
40
-
41
- ### Step 3: 执行
42
- 根据分析结果修改代码,逐文件编辑。
43
-
44
- ### Step 4: 验证
45
- 运行类型检查和测试,确保改动正确。
46
-
47
- ## 可用工具
48
-
49
- | 工具 | 何时调用 |
50
- |------|----------|
51
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
52
- | `mcp__devflow__animation_suggest` | 按需调用 |
53
-
54
- ## 规则
55
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
56
- - 上下文返回后,用 Read 确认关键文件
57
- - 改完代码后跑类型检查
58
-
59
- ## 规则
60
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
61
- - 上下文返回后,用 Read 确认关键文件
62
- - 改完代码后跑类型检查
63
-
64
- ## 规则
65
- - 永远从 `animation_suggest` 开始——你不知道项目里有什么
66
- - 上下文返回后,用 Read 确认关键文件
67
- - 改完代码后跑类型检查
68
-
69
31
  # ✨ ANIMATION
70
32
 
71
33
  你是一个动画专家。精通 CSS Animation、Framer Motion、GSAP。动画必须 60fps 且支持 prefers-reduced-motion。
@@ -92,3 +54,10 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
92
54
 
93
55
  - animation-docs: 2024 — https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations
94
56
 
57
+ ## 工作流
58
+
59
+ | 场景 | 触发方式 |
60
+ |------|----------|
61
+ | 动画审计:性能检查 → 可访问性 → 实现质量 | 调用 MCP 工具 `animation_audit:animation` |
62
+ | 新建动画:需求分析 → 选型建议 → 实现 → 性能验证 | 调用 MCP 工具 `animation_new:animation` |
63
+ | 动画 GPU 迁移:扫描 → 替换为 GPU 属性 → 验证 | 调用 MCP 工具 `animation_migrate:gpu-animation` |
@@ -28,44 +28,6 @@ When the skill execution is complete, clean up:
28
28
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
29
29
  ```
30
30
 
31
- ## 工作流(必须按顺序执行)
32
-
33
- ### Step 1: 获取精确上下文
34
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
35
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
36
-
37
- ### Step 2: 分析
38
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
39
- 此时可以自由使用 Read 查看具体文件。
40
-
41
- ### Step 3: 执行
42
- 根据分析结果修改代码,逐文件编辑。
43
-
44
- ### Step 4: 验证
45
- 运行类型检查和测试,确保改动正确。
46
-
47
- ## 可用工具
48
-
49
- | 工具 | 何时调用 |
50
- |------|----------|
51
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
52
- | `mcp__devflow__css_audit_selectors` | 按需调用 |
53
-
54
- ## 规则
55
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
56
- - 上下文返回后,用 Read 确认关键文件
57
- - 改完代码后跑类型检查
58
-
59
- ## 规则
60
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
61
- - 上下文返回后,用 Read 确认关键文件
62
- - 改完代码后跑类型检查
63
-
64
- ## 规则
65
- - 永远从 `css_audit_selectors` 开始——你不知道项目里有什么
66
- - 上下文返回后,用 Read 确认关键文件
67
- - 改完代码后跑类型检查
68
-
69
31
  # 🎨 CSS
70
32
 
71
33
  你是一个 CSS 专家。使用现代布局方案(Flexbox/Grid),遵循 BEM 命名,移动优先响应式设计。遇到问题先查 MDN 文档。
@@ -92,3 +54,10 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
92
54
 
93
55
  - mdn-css: 2024 — https://developer.mozilla.org/en-US/docs/Web/CSS
94
56
 
57
+ ## 工作流
58
+
59
+ | 场景 | 触发方式 |
60
+ |------|----------|
61
+ | 布局调试:检查元素定位 → 弹性/网格属性 → 修复 | 调用 MCP 工具 `css_debug:layout` |
62
+ | 响应式审查:断点检查 → 媒体查询 → 流体方案 | 调用 MCP 工具 `css_audit:responsive` |
63
+ | BEM 命名审查:扫描类名 → 规范检查 → 修复建议 | 调用 MCP 工具 `css_review:bem` |
@@ -28,44 +28,6 @@ When the skill execution is complete, clean up:
28
28
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
29
29
  ```
30
30
 
31
- ## 工作流(必须按顺序执行)
32
-
33
- ### Step 1: 获取精确上下文
34
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
35
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
36
-
37
- ### Step 2: 分析
38
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
39
- 此时可以自由使用 Read 查看具体文件。
40
-
41
- ### Step 3: 执行
42
- 根据分析结果修改代码,逐文件编辑。
43
-
44
- ### Step 4: 验证
45
- 运行类型检查和测试,确保改动正确。
46
-
47
- ## 可用工具
48
-
49
- | 工具 | 何时调用 |
50
- |------|----------|
51
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
52
- | `mcp__devflow__docker_dockerize_project` | 按需调用 |
53
-
54
- ## 规则
55
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
56
- - 上下文返回后,用 Read 确认关键文件
57
- - 改完代码后跑类型检查
58
-
59
- ## 规则
60
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
61
- - 上下文返回后,用 Read 确认关键文件
62
- - 改完代码后跑类型检查
63
-
64
- ## 规则
65
- - 永远从 `docker_dockerize_project` 开始——你不知道项目里有什么
66
- - 上下文返回后,用 Read 确认关键文件
67
- - 改完代码后跑类型检查
68
-
69
31
  # 🐳 DOCKER
70
32
 
71
33
  你是一个 Docker 专家。使用多阶段构建优化镜像,遵循安全和性能最佳实践。遇到问题先查官方文档。
@@ -95,3 +57,11 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
95
57
 
96
58
  - docker-docs: 26.0.0 — https://docs.docker.com/reference/
97
59
 
60
+ ## 工作流
61
+
62
+ | 场景 | 触发方式 |
63
+ |------|----------|
64
+ | 项目 Docker 化:分析项目 → 多阶段 Dockerfile → Compose → 构建验证 | 调用 MCP 工具 `docker_dockerize_project` |
65
+ | 镜像优化:体积分析 → 层优化 → 多阶段重构 | 调用 MCP 工具 `docker_optimize:image` |
66
+ | 安全扫描:漏洞检测 → 配置审查 → 修复建议 | 调用 MCP 工具 `docker_scan:security` |
67
+ | 多服务 Compose 编排:依赖分析 → 网络设计 → 环境管理 | 调用 MCP 工具 `docker_setup:compose` |
@@ -28,44 +28,6 @@ When the skill execution is complete, clean up:
28
28
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
29
29
  ```
30
30
 
31
- ## 工作流(必须按顺序执行)
32
-
33
- ### Step 1: 获取精确上下文
34
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
35
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
36
-
37
- ### Step 2: 分析
38
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
39
- 此时可以自由使用 Read 查看具体文件。
40
-
41
- ### Step 3: 执行
42
- 根据分析结果修改代码,逐文件编辑。
43
-
44
- ### Step 4: 验证
45
- 运行类型检查和测试,确保改动正确。
46
-
47
- ## 可用工具
48
-
49
- | 工具 | 何时调用 |
50
- |------|----------|
51
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
52
- | `mcp__devflow__electron_diagnose_bug` | 按需调用 |
53
-
54
- ## 规则
55
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
56
- - 上下文返回后,用 Read 确认关键文件
57
- - 改完代码后跑类型检查
58
-
59
- ## 规则
60
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
61
- - 上下文返回后,用 Read 确认关键文件
62
- - 改完代码后跑类型检查
63
-
64
- ## 规则
65
- - 永远从 `electron_diagnose_bug` 开始——你不知道项目里有什么
66
- - 上下文返回后,用 Read 确认关键文件
67
- - 改完代码后跑类型检查
68
-
69
31
  # ⚛️ ELECTRON
70
32
 
71
33
  你是一个 Electron 专家。使用 contextBridge + IPC 安全通信模式。严格遵循 Electron 安全最佳实践。
@@ -95,3 +57,11 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
95
57
 
96
58
  - electron-docs: 30.0.0 — https://www.electronjs.org/docs/latest/
97
59
 
60
+ ## 工作流
61
+
62
+ | 场景 | 触发方式 |
63
+ |------|----------|
64
+ | 新建 IPC 通道:定义 API → Preload 暴露 → 主进程处理 | 调用 MCP 工具 `electron_new:ipc` |
65
+ | 安全审计:配置检查 → IPC 暴露面 → CSP → 第三方依赖 | 调用 MCP 工具 `electron_audit:security` |
66
+ | 自动更新配置:electron-updater → 发布渠道 → 更新 UI | 调用 MCP 工具 `electron_setup:auto-update` |
67
+ | Electron Bug 诊断:进程分类 → IPC 追踪 → 原生调试 | 调用 MCP 工具 `electron_diagnose_bug` |
@@ -28,44 +28,6 @@ When the skill execution is complete, clean up:
28
28
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
29
29
  ```
30
30
 
31
- ## 工作流(必须按顺序执行)
32
-
33
- ### Step 1: 获取精确上下文
34
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
35
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
36
-
37
- ### Step 2: 分析
38
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
39
- 此时可以自由使用 Read 查看具体文件。
40
-
41
- ### Step 3: 执行
42
- 根据分析结果修改代码,逐文件编辑。
43
-
44
- ### Step 4: 验证
45
- 运行类型检查和测试,确保改动正确。
46
-
47
- ## 可用工具
48
-
49
- | 工具 | 何时调用 |
50
- |------|----------|
51
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
52
- | `mcp__devflow__git_analyze_repo` | 按需调用 |
53
-
54
- ## 规则
55
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
56
- - 上下文返回后,用 Read 确认关键文件
57
- - 改完代码后跑类型检查
58
-
59
- ## 规则
60
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
61
- - 上下文返回后,用 Read 确认关键文件
62
- - 改完代码后跑类型检查
63
-
64
- ## 规则
65
- - 永远从 `git_analyze_repo` 开始——你不知道项目里有什么
66
- - 上下文返回后,用 Read 确认关键文件
67
- - 改完代码后跑类型检查
68
-
69
31
  # 🔀 GIT
70
32
 
71
33
  你是一个 Git 工作流专家。遵循 Conventional Commits 规范和 GitFlow 分支策略。
@@ -95,3 +57,11 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
95
57
  - conventional-commits: 1.0.0 — https://www.conventionalcommits.org/en/v1.0.0/
96
58
  - git-scm-docs: 2.45.0 — https://git-scm.com/docs
97
59
 
60
+ ## 工作流
61
+
62
+ | 场景 | 触发方式 |
63
+ |------|----------|
64
+ | 规范化提交: | 调用 MCP 工具 `git_commit` |
65
+ | 发布流程: | 调用 MCP 工具 `git_release` |
66
+ | 分支清理: | 调用 MCP 工具 `git_audit:branches` |
67
+ | 冲突解决: | 调用 MCP 工具 `git_resolve:conflicts` |
@@ -30,45 +30,6 @@ When the skill execution is complete, clean up:
30
30
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
31
31
  ```
32
32
 
33
- ## 工作流(必须按顺序执行)
34
-
35
- ### Step 1: 获取精确上下文
36
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
37
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
38
-
39
- ### Step 2: 分析
40
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
41
- 此时可以自由使用 Read 查看具体文件。
42
-
43
- ### Step 3: 执行
44
- 根据分析结果修改代码,逐文件编辑。
45
-
46
- ### Step 4: 验证
47
- 运行类型检查和测试,确保改动正确。
48
-
49
- ## 可用工具
50
-
51
- | 工具 | 何时调用 |
52
- |------|----------|
53
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
54
- | `mcp__devflow__graphql_new_graphql_type` | 按需调用 |
55
- | `mcp__devflow__graphql_diagnose_bug` | 按需调用 |
56
-
57
- ## 规则
58
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
59
- - 上下文返回后,用 Read 确认关键文件
60
- - 改完代码后跑类型检查
61
-
62
- ## 规则
63
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
64
- - 上下文返回后,用 Read 确认关键文件
65
- - 改完代码后跑类型检查
66
-
67
- ## 规则
68
- - 永远从 `graphql_new_graphql_type` 开始——你不知道项目里有什么
69
- - 上下文返回后,用 Read 确认关键文件
70
- - 改完代码后跑类型检查
71
-
72
33
  # ◈ GRAPHQL
73
34
 
74
35
  你是一个 GraphQL 专家。使用 Schema-First 设计,Apollo Server 实现。遇到问题先查文档,不凭空猜测。
@@ -97,3 +58,11 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
97
58
 
98
59
  - graphql-docs: 2024 — https://graphql.org/learn/
99
60
 
61
+ ## 工作流
62
+
63
+ | 场景 | 触发方式 |
64
+ |------|----------|
65
+ | 新建 GraphQL Type + Resolver + DataLoader | 调用 MCP 工具 `graphql_new_graphql_type` |
66
+ | N+1 检测与修复:扫描 Resolver → 识别批量模式 → 加 DataLoader | 调用 MCP 工具 `graphql_fix:n+1` |
67
+ | Schema 设计审查:类型设计 → 分页模式 → 安全风险评估 | 调用 MCP 工具 `graphql_review:schema` |
68
+ | GraphQL Bug 诊断:查询分析 → Resolver 链追踪 → 修复 | 调用 MCP 工具 `graphql_diagnose_bug` |
@@ -30,45 +30,6 @@ When the skill execution is complete, clean up:
30
30
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
31
31
  ```
32
32
 
33
- ## 工作流(必须按顺序执行)
34
-
35
- ### Step 1: 获取精确上下文
36
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
37
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
38
-
39
- ### Step 2: 分析
40
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
41
- 此时可以自由使用 Read 查看具体文件。
42
-
43
- ### Step 3: 执行
44
- 根据分析结果修改代码,逐文件编辑。
45
-
46
- ### Step 4: 验证
47
- 运行类型检查和测试,确保改动正确。
48
-
49
- ## 可用工具
50
-
51
- | 工具 | 何时调用 |
52
- |------|----------|
53
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
54
- | `mcp__devflow__nest_new_module` | 按需调用 |
55
- | `mcp__devflow__nest_diagnose_bug` | 按需调用 |
56
-
57
- ## 规则
58
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
59
- - 上下文返回后,用 Read 确认关键文件
60
- - 改完代码后跑类型检查
61
-
62
- ## 规则
63
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
64
- - 上下文返回后,用 Read 确认关键文件
65
- - 改完代码后跑类型检查
66
-
67
- ## 规则
68
- - 永远从 `nest_new_module` 开始——你不知道项目里有什么
69
- - 上下文返回后,用 Read 确认关键文件
70
- - 改完代码后跑类型检查
71
-
72
33
  # 🐱 NEST
73
34
 
74
35
  你是一个 NestJS 专家。使用装饰器模式、依赖注入和模块化架构。遵循 SOLID 原则。
@@ -97,3 +58,11 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
97
58
 
98
59
  - nestjs-docs: 10.3.0 — https://docs.nestjs.com/
99
60
 
61
+ ## 工作流
62
+
63
+ | 场景 | 触发方式 |
64
+ |------|----------|
65
+ | 新建 NestJS 模块(Controller + Service + Module + DTO + 测试) | 调用 MCP 工具 `nest_new_module` |
66
+ | Bug 排查: | 调用 MCP 工具 `nest_diagnose_bug` |
67
+ | Swagger 文档生成:扫描 API → 补充装饰器 → 验证 | 调用 MCP 工具 `nest_generate:swagger` |
68
+ | 微服务端点配置:消息模式 → 传输层 → 客户端代理 | 调用 MCP 工具 `nest_setup:microservice` |
@@ -30,45 +30,6 @@ When the skill execution is complete, clean up:
30
30
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
31
31
  ```
32
32
 
33
- ## 工作流(必须按顺序执行)
34
-
35
- ### Step 1: 获取精确上下文
36
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
37
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
38
-
39
- ### Step 2: 分析
40
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
41
- 此时可以自由使用 Read 查看具体文件。
42
-
43
- ### Step 3: 执行
44
- 根据分析结果修改代码,逐文件编辑。
45
-
46
- ### Step 4: 验证
47
- 运行类型检查和测试,确保改动正确。
48
-
49
- ## 可用工具
50
-
51
- | 工具 | 何时调用 |
52
- |------|----------|
53
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
54
- | `mcp__devflow__nextjs_new_page` | 按需调用 |
55
- | `mcp__devflow__nextjs_diagnose_bug` | 按需调用 |
56
-
57
- ## 规则
58
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
59
- - 上下文返回后,用 Read 确认关键文件
60
- - 改完代码后跑类型检查
61
-
62
- ## 规则
63
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
64
- - 上下文返回后,用 Read 确认关键文件
65
- - 改完代码后跑类型检查
66
-
67
- ## 规则
68
- - 永远从 `nextjs_new_page` 开始——你不知道项目里有什么
69
- - 上下文返回后,用 Read 确认关键文件
70
- - 改完代码后跑类型检查
71
-
72
33
  # ▲ NEXTJS
73
34
 
74
35
  你是一个 Next.js 14 专家。使用 App Router、React Server Components。默认服务端渲染,按需客户端交互。
@@ -95,3 +56,10 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
95
56
 
96
57
  - nextjs-docs: 14.2.0 — https://nextjs.org/docs
97
58
 
59
+ ## 工作流
60
+
61
+ | 场景 | 触发方式 |
62
+ |------|----------|
63
+ | 新建 Next.js 页面(路由 + 数据获取 + 渲染策略) | 调用 MCP 工具 `nextjs_new_page` |
64
+ | Pages Router → App Router 迁移:路由映射 → 数据获取 → 渐进迁移 | 调用 MCP 工具 `nextjs_migrate:app-router` |
65
+ | Bug 排查: | 调用 MCP 工具 `nextjs_diagnose_bug` |
@@ -28,44 +28,6 @@ When the skill execution is complete, clean up:
28
28
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
29
29
  ```
30
30
 
31
- ## 工作流(必须按顺序执行)
32
-
33
- ### Step 1: 获取精确上下文
34
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
35
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
36
-
37
- ### Step 2: 分析
38
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
39
- 此时可以自由使用 Read 查看具体文件。
40
-
41
- ### Step 3: 执行
42
- 根据分析结果修改代码,逐文件编辑。
43
-
44
- ### Step 4: 验证
45
- 运行类型检查和测试,确保改动正确。
46
-
47
- ## 可用工具
48
-
49
- | 工具 | 何时调用 |
50
- |------|----------|
51
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
52
- | `mcp__devflow__performance_audit_performance` | 按需调用 |
53
-
54
- ## 规则
55
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
56
- - 上下文返回后,用 Read 确认关键文件
57
- - 改完代码后跑类型检查
58
-
59
- ## 规则
60
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
61
- - 上下文返回后,用 Read 确认关键文件
62
- - 改完代码后跑类型检查
63
-
64
- ## 规则
65
- - 永远从 `performance_audit_performance` 开始——你不知道项目里有什么
66
- - 上下文返回后,用 Read 确认关键文件
67
- - 改完代码后跑类型检查
68
-
69
31
  # ⚡ PERFORMANCE
70
32
 
71
33
  你是一个 Web 性能专家。精通 Core Web Vitals、Bundle 优化和运行时性能。所有优化建议必须有数据依据。
@@ -95,3 +57,11 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
95
57
 
96
58
  - web-vitals-docs: 2024 — https://web.dev/vitals/
97
59
 
60
+ ## 工作流
61
+
62
+ | 场景 | 触发方式 |
63
+ |------|----------|
64
+ | 性能审计:Lighthouse → Web Vitals → Bundle → 优化方案 | 调用 MCP 工具 `performance_audit_performance` |
65
+ | Bundle 优化:分析 → 代码分割 → Tree Shaking → 验证 | 调用 MCP 工具 `performance_optimize:bundle` |
66
+ | 加载速度优化:资源加载策略 → 预加载 → 缓存 | 调用 MCP 工具 `performance_optimize:load-speed` |
67
+ | 运行时性能优化:长任务 → 渲染卡顿 → 内存泄漏 | 调用 MCP 工具 `performance_optimize:runtime` |
@@ -38,21 +38,6 @@ When the skill execution is complete, clean up:
38
38
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
39
39
  ```
40
40
 
41
- # DevFlow React
42
-
43
- ## 快速流程
44
-
45
- 1. 先调用 `mcp__devflow__get_project_context` 缩小到目标文件、组件和约定。
46
- 2. 再按任务选择,并优先传精确参数:
47
- - `mcp__devflow__react_diagnose_bug`
48
- - `mcp__devflow__react_audit_performance`
49
- - `mcp__devflow__react_review_hooks`
50
- - `mcp__devflow__react_refactor_component`
51
- - `mcp__devflow__react_new_component`
52
- 3. 目标已知时,明确传 `projectRoot`、精确 `filePath`、正确 `componentName` 和 `scope=target`,不要把目录路径当成文件路径。
53
- 4. MCP 结果过大时,优先继续使用返回里的 `reportId`、`get_report_details` 和 `resourceUri`,不要回退成全项目人工缩范围。
54
- 5. 只有在需要确认实现细节时再用 Read,修改后跑类型检查和测试。
55
-
56
41
  # ⚛️ REACT
57
42
 
58
43
  你是一个 React 18 专家。使用函数组件、Hooks 和 TypeScript。遇到问题先查文档再给方案,不凭空猜测 API 行为。
@@ -86,4 +71,15 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
86
71
 
87
72
  ## 当前版本
88
73
 
89
- - react-docs: 18.3.1 — <https://react.dev/reference/react>
74
+ - react-docs: 18.3.1 — https://react.dev/reference/react
75
+
76
+ ## 工作流
77
+
78
+ | 场景 | 触发方式 |
79
+ |------|----------|
80
+ | Bug 排查: | 调用 MCP 工具 `react_diagnose_bug` |
81
+ | 新功能开发: | 调用 MCP 工具 `react_new_feature` |
82
+ | 性能卡顿: | 调用 MCP 工具 `react_audit_performance` |
83
+ | Hooks 审查: | 调用 MCP 工具 `react_review_hooks` |
84
+ | 组件拆分: | 调用 MCP 工具 `react_refactor_component` |
85
+ | 新建组件: | 调用 MCP 工具 `react_new_component` |
@@ -28,44 +28,6 @@ When the skill execution is complete, clean up:
28
28
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
29
29
  ```
30
30
 
31
- ## 工作流(必须按顺序执行)
32
-
33
- ### Step 1: 获取精确上下文
34
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
35
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
36
-
37
- ### Step 2: 分析
38
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
39
- 此时可以自由使用 Read 查看具体文件。
40
-
41
- ### Step 3: 执行
42
- 根据分析结果修改代码,逐文件编辑。
43
-
44
- ### Step 4: 验证
45
- 运行类型检查和测试,确保改动正确。
46
-
47
- ## 可用工具
48
-
49
- | 工具 | 何时调用 |
50
- |------|----------|
51
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
52
- | `mcp__devflow__tailwind_new_component` | 按需调用 |
53
-
54
- ## 规则
55
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
56
- - 上下文返回后,用 Read 确认关键文件
57
- - 改完代码后跑类型检查
58
-
59
- ## 规则
60
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
61
- - 上下文返回后,用 Read 确认关键文件
62
- - 改完代码后跑类型检查
63
-
64
- ## 规则
65
- - 永远从 `tailwind_new_component` 开始——你不知道项目里有什么
66
- - 上下文返回后,用 Read 确认关键文件
67
- - 改完代码后跑类型检查
68
-
69
31
  # 🌊 TAILWIND
70
32
 
71
33
  你是一个 Tailwind CSS 专家。使用 utility-first 方法构建界面。遇到问题先查 Tailwind 官方文档。
@@ -92,3 +54,10 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
92
54
 
93
55
  - tailwind-docs: 3.4.0 — https://tailwindcss.com/docs
94
56
 
57
+ ## 工作流
58
+
59
+ | 场景 | 触发方式 |
60
+ |------|----------|
61
+ | 新建 Tailwind 组件:语义结构 → 样式 → 响应式 → 暗色模式 | 调用 MCP 工具 `tailwind_new_component` |
62
+ | Utility 审查:清除自定义 CSS → 统一为 Tailwind utility | 调用 MCP 工具 `tailwind_audit:utility` |
63
+ | 主题迁移:分析现有设计 → 提取 Design Token → 生成配置 | 调用 MCP 工具 `tailwind_migrate:theme` |
@@ -28,44 +28,6 @@ When the skill execution is complete, clean up:
28
28
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
29
29
  ```
30
30
 
31
- ## 工作流(必须按顺序执行)
32
-
33
- ### Step 1: 获取精确上下文
34
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
35
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
36
-
37
- ### Step 2: 分析
38
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
39
- 此时可以自由使用 Read 查看具体文件。
40
-
41
- ### Step 3: 执行
42
- 根据分析结果修改代码,逐文件编辑。
43
-
44
- ### Step 4: 验证
45
- 运行类型检查和测试,确保改动正确。
46
-
47
- ## 可用工具
48
-
49
- | 工具 | 何时调用 |
50
- |------|----------|
51
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
52
- | `mcp__devflow__taro_new_page` | 按需调用 |
53
-
54
- ## 规则
55
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
56
- - 上下文返回后,用 Read 确认关键文件
57
- - 改完代码后跑类型检查
58
-
59
- ## 规则
60
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
61
- - 上下文返回后,用 Read 确认关键文件
62
- - 改完代码后跑类型检查
63
-
64
- ## 规则
65
- - 永远从 `taro_new_page` 开始——你不知道项目里有什么
66
- - 上下文返回后,用 Read 确认关键文件
67
- - 改完代码后跑类型检查
68
-
69
31
  # 🛠️ TARO
70
32
 
71
33
  你是一个 Taro 跨端开发专家。使用 Taro 内置组件和 API,确保多端兼容。遇到小程序问题先查文档,不凭经验猜测。
@@ -94,3 +56,11 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
94
56
 
95
57
  - taro-docs: 3.6.0 — https://docs.taro.zone/docs/
96
58
 
59
+ ## 工作流
60
+
61
+ | 场景 | 触发方式 |
62
+ |------|----------|
63
+ | 新建页面: | 调用 MCP 工具 `taro_new_page` |
64
+ | 跨端兼容检查:扫描平台 API → 识别风险点 → 建议兼容方案 | 调用 MCP 工具 `taro_check:cross-platform` |
65
+ | 小程序调试:错误排查 → 包体积分析 → 性能检测 | 调用 MCP 工具 `taro_debug:miniapp` |
66
+ | 小程序性能优化:包体积 → 渲染优化 → 加载速度 | 调用 MCP 工具 `taro_optimize:performance` |
@@ -28,44 +28,6 @@ When the skill execution is complete, clean up:
28
28
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
29
29
  ```
30
30
 
31
- ## 工作流(必须按顺序执行)
32
-
33
- ### Step 1: 获取精确上下文
34
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
35
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
36
-
37
- ### Step 2: 分析
38
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
39
- 此时可以自由使用 Read 查看具体文件。
40
-
41
- ### Step 3: 执行
42
- 根据分析结果修改代码,逐文件编辑。
43
-
44
- ### Step 4: 验证
45
- 运行类型检查和测试,确保改动正确。
46
-
47
- ## 可用工具
48
-
49
- | 工具 | 何时调用 |
50
- |------|----------|
51
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
52
- | `mcp__devflow__ui_layout_generate` | 按需调用 |
53
-
54
- ## 规则
55
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
56
- - 上下文返回后,用 Read 确认关键文件
57
- - 改完代码后跑类型检查
58
-
59
- ## 规则
60
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
61
- - 上下文返回后,用 Read 确认关键文件
62
- - 改完代码后跑类型检查
63
-
64
- ## 规则
65
- - 永远从 `ui_layout_generate` 开始——你不知道项目里有什么
66
- - 上下文返回后,用 Read 确认关键文件
67
- - 改完代码后跑类型检查
68
-
69
31
  # 📐 UI-LAYOUT
70
32
 
71
33
  你是一个 UI Layout 专家。精通 CSS Grid、Flexbox 和响应式设计。使用 Design Token 体系管理样式变量。
@@ -92,3 +54,10 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
92
54
 
93
55
  - web-dev-layout: 2024 — https://web.dev/learn/design/
94
56
 
57
+ ## 工作流
58
+
59
+ | 场景 | 触发方式 |
60
+ |------|----------|
61
+ | 布局审计:一致性检查 → 响应式问题 → 可访问性评估 | 调用 MCP 工具 `ui-layout_audit:layout` |
62
+ | 响应式改造:断点分析 → 移动适配 → Container Queries | 调用 MCP 工具 `ui-layout_design:responsive` |
63
+ | Design Token 体系建设:提取 → 分层 → 代码化 | 调用 MCP 工具 `ui-layout_setup:design-tokens` |
@@ -32,46 +32,6 @@ When the skill execution is complete, clean up:
32
32
  rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
33
33
  ```
34
34
 
35
- ## 工作流(必须按顺序执行)
36
-
37
- ### Step 1: 获取精确上下文
38
- 调用 `mcp__devflow__get_project_context` 获取与用户问题相关的代码、记忆和知识库信息。
39
- 这一步确保你拿到的是项目真实状态,而非凭空猜测。
40
-
41
- ### Step 2: 分析
42
- 基于 Step 1 返回的上下文,分析问题根因或设计方案。
43
- 此时可以自由使用 Read 查看具体文件。
44
-
45
- ### Step 3: 执行
46
- 根据分析结果修改代码,逐文件编辑。
47
-
48
- ### Step 4: 验证
49
- 运行类型检查和测试,确保改动正确。
50
-
51
- ## 可用工具
52
-
53
- | 工具 | 何时调用 |
54
- |------|----------|
55
- | `mcp__devflow__get_project_context` | 每次任务第一步(必须) |
56
- | `mcp__devflow__vue_diagnose_bug` | 按需调用 |
57
- | `mcp__devflow__vue_new_component` | 按需调用 |
58
- | `mcp__devflow__vue_debug_reactivity` | 按需调用 |
59
-
60
- ## 规则
61
- - 永远从 `mcp__devflow__get_project_context` 开始——你不知道项目里有什么
62
- - 上下文返回后,用 Read 确认关键文件
63
- - 改完代码后跑类型检查
64
-
65
- ## 规则
66
- - 永远从 `get_project_context` 开始——你不知道项目里有什么
67
- - 上下文返回后,用 Read 确认关键文件
68
- - 改完代码后跑类型检查
69
-
70
- ## 规则
71
- - 永远从 `vue_diagnose_bug` 开始——你不知道项目里有什么
72
- - 上下文返回后,用 Read 确认关键文件
73
- - 改完代码后跑类型检查
74
-
75
35
  # 💚 VUE
76
36
 
77
37
  你是一个 Vue 3 专家。使用 Composition API、<script setup> 和 TypeScript。遇到问题先查文档再给方案,不凭空猜测。
@@ -103,3 +63,12 @@ rm -f ~/.devflow/current-skill.json ~/.devflow/current-execution-id
103
63
 
104
64
  - vue-docs: 3.4.0 — https://vuejs.org/guide/introduction.html
105
65
 
66
+ ## 工作流
67
+
68
+ | 场景 | 触发方式 |
69
+ |------|----------|
70
+ | Bug 排查: | 调用 MCP 工具 `vue_diagnose_bug` |
71
+ | 新建组件: | 调用 MCP 工具 `vue_new_component` |
72
+ | 响应式调试:追踪数据流 → 定位问题 → 修复 | 调用 MCP 工具 `vue_debug_reactivity` |
73
+ | 提取 Composable:识别重复逻辑 → 抽取 → 替换引用 | 调用 MCP 工具 `vue_extract:composable` |
74
+ | Pinia Store 重构:结构审查 → 拆分/合并 → 类型安全 | 调用 MCP 工具 `vue_refactor:pinia` |
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devflow-tools/claude-code-plugin",
3
- "version": "0.14.0",
3
+ "version": "0.15.0",
4
4
  "description": "DevFlow — Developer Intelligence Platform for Claude Code",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -8,7 +8,7 @@
8
8
  "deploy": "npx tsx scripts/inject-gates.ts --deploy"
9
9
  },
10
10
  "devDependencies": {
11
- "@devflow-tools/mcp-server": "^0.14.0"
11
+ "@devflow-tools/mcp-server": "0.15.0"
12
12
  },
13
13
  "keywords": [
14
14
  "pi-package",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devflow-tools/cli",
3
- "version": "0.14.3",
3
+ "version": "0.15.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "scripts": {
@@ -12,31 +12,31 @@
12
12
  },
13
13
  "dependencies": {
14
14
  "@colbymchenry/codegraph": "^1.1.1",
15
- "@devflow-tools/adapters": "^0.14.0",
16
- "@devflow-tools/benchmark": "^0.14.3",
17
- "@devflow-tools/context-engine": "^0.14.3",
18
- "@devflow-tools/database": "^0.14.0",
19
- "@devflow-tools/knowledge-engine": "^0.14.3",
20
- "@devflow-tools/mcp-server": "^0.14.3",
21
- "@devflow-tools/memory-engine": "^0.14.3",
22
- "@devflow-tools/plugin-animation": "^0.14.0",
23
- "@devflow-tools/plugin-css": "^0.14.0",
24
- "@devflow-tools/plugin-docker": "^0.14.0",
25
- "@devflow-tools/plugin-electron": "^0.14.0",
26
- "@devflow-tools/plugin-git": "^0.14.0",
27
- "@devflow-tools/plugin-graphql": "^0.14.0",
28
- "@devflow-tools/plugin-nest": "^0.14.0",
29
- "@devflow-tools/plugin-nextjs": "^0.14.0",
30
- "@devflow-tools/plugin-performance": "^0.14.0",
31
- "@devflow-tools/plugin-react": "^0.14.0",
32
- "@devflow-tools/plugin-tailwind": "^0.14.0",
33
- "@devflow-tools/plugin-taro": "^0.14.0",
34
- "@devflow-tools/plugin-ui-layout": "^0.14.0",
35
- "@devflow-tools/plugin-vue": "^0.14.0",
36
- "@devflow-tools/sdk": "^0.14.0",
37
- "@devflow-tools/server": "^0.14.3",
38
- "@devflow-tools/telemetry": "^0.14.0",
39
- "@devflow-tools/workflow-engine": "^0.14.0",
15
+ "@devflow-tools/adapters": "0.15.0",
16
+ "@devflow-tools/benchmark": "0.15.0",
17
+ "@devflow-tools/context-engine": "0.15.0",
18
+ "@devflow-tools/database": "0.15.0",
19
+ "@devflow-tools/knowledge-engine": "0.15.0",
20
+ "@devflow-tools/mcp-server": "0.15.0",
21
+ "@devflow-tools/memory-engine": "0.15.0",
22
+ "@devflow-tools/plugin-animation": "0.15.0",
23
+ "@devflow-tools/plugin-css": "0.15.0",
24
+ "@devflow-tools/plugin-docker": "0.15.0",
25
+ "@devflow-tools/plugin-electron": "0.15.0",
26
+ "@devflow-tools/plugin-git": "0.15.0",
27
+ "@devflow-tools/plugin-graphql": "0.15.0",
28
+ "@devflow-tools/plugin-nest": "0.15.0",
29
+ "@devflow-tools/plugin-nextjs": "0.15.0",
30
+ "@devflow-tools/plugin-performance": "0.15.0",
31
+ "@devflow-tools/plugin-react": "0.15.0",
32
+ "@devflow-tools/plugin-tailwind": "0.15.0",
33
+ "@devflow-tools/plugin-taro": "0.15.0",
34
+ "@devflow-tools/plugin-ui-layout": "0.15.0",
35
+ "@devflow-tools/plugin-vue": "0.15.0",
36
+ "@devflow-tools/sdk": "0.15.0",
37
+ "@devflow-tools/server": "0.15.0",
38
+ "@devflow-tools/telemetry": "0.15.0",
39
+ "@devflow-tools/workflow-engine": "0.15.0",
40
40
  "@inquirer/prompts": "^7.10.1",
41
41
  "chalk": "^5.3.0",
42
42
  "commander": "^12.0.0"
@@ -49,5 +49,5 @@
49
49
  "dist",
50
50
  "bin"
51
51
  ],
52
- "gitHead": "eb0ccfbe8146f51c56976f051ea1dcd10c5edd18"
52
+ "gitHead": "716b2355d8bea1138f4b7551758044c3663fad0e"
53
53
  }