feat(sync-backend-api): add skill for syncing frontend code with backend OpenAPI specification

This commit is contained in:
2026-06-26 15:12:11 +08:00
parent 2ad0236382
commit fdcb7c56f1
+110
View File
@@ -0,0 +1,110 @@
---
name: sync-backend-api
description: Sync frontend code with backend OpenAPI specification
---
# sync-backend-api
根据用户指定的模块或接口,根据后端文档更新前端代码(服务层、仓库层、UI层)。
## 使用场景
当后端 API 发生变更时(如新增接口、修改参数),使用此 skill 同步更新前端代码。
## 可用模块
| 模块 | 说明 | API 路径 |
| -------- | ---------- | -------------- |
| `auth` | 认证模块 | /api/auth/\* |
| `chat` | 聊天模块 | /api/chat/\* |
| `user` | 用户模块 | /api/user/\* |
| `verify` | 验证码模块 | /api/verify/\* |
## 使用方式
### 按模块更新(可多选,用逗号分隔)
```bash
根据后端文档更新 auth,chat 模块
```
### 按接口更新(可多选,用逗号分隔)
```bash
根据后端文档更新接口 /api/auth/sendCode
根据后端文档更新接口 /api/chat/send
根据后端文档更新接口 /api/auth/register,/api/user/profile
```
### 混合同步
```bash
根据后端文档更新 auth 模块和接口 /api/chat/send
```
## OpenAPI 文档路径
- 测试环境: `docs/backend/openapi.json`
## 更新流程
### 1. 读取 OpenAPI 文档
读取 `docs/backend/openapi.json`,根据用户指定的模块筛选接口。
### 2. 分析接口变更
- 新增接口:创建对应的模型、API 方法
- 修改接口:更新现有模型字段
- 删除接口:移除不再使用的代码
### 3. 更新数据模型 (lib/data/models/)
- 根据 schema 创建/更新 freezed 模型
### 4. 更新 API 客户端 (lib/data/services/)
- 更新 `*_api_client.dart` 中的接口定义
- 更新 `api_path.dart` 中的路径常量(如有新增)
- 运行 build_runner 生成 `*_api_client.g.dart`
### 5. 更新仓储层 (lib/data/repositories/)
- 更新 `*_repository.dart` 接口定义
- 更新 `*_repository_impl.dart` 实现
### 6. 更新 UI 层
- 根据功能模块更新对应 BLoC/ViewModel
- 更新 UI 调用逻辑
### 7. 生成代码
运行 `dart run build_runner build --delete-conflicting-outputs`
## 示例
**按模块更新**
```
根据后端文档更新 auth 模块
根据后端文档更新 auth,user,verify 模块
```
**按接口更新**
```
根据后端文档更新接口 /api/auth/sendCode
根据后端文档更新接口 /api/chat/send
根据后端文档更新接口 /api/auth/register,/api/user/profile
```
**混合同步**
```
根据后端文档更新 auth 模块和接口 /api/chat/send
```
## 注意事项
1. **测试覆盖**: 更新后运行相关测试确保正常