sdd-full 2.2.0 → 3.1.0

package/skills/templates/Flutter/345/205/250/347/261/273/345/236/213/346/265/213/350/257/225/347/255/226/347/225/245SDD.md

@@ -0,0 +1,162 @@
+【claude code调用标识：Flutter全类型测试策略SDD】【trae调用标识：Flutter全类型测试策略SDD+测试方案】【流程场景：1.完整3阶段SDD流程、3.小型功能迭代、4.Bug处理】
+
+# Flutter全类型测试策略SDD：[项目名称]
+
+## 一、Golden截图测试
+
+### 1.1 配置说明
+| 工具 | 版本 | 用途 |
+|------|------|------|
+| flutter_test | 内置 | 基础测试框架 |
+| golden_toolkit | ^0.15.0 | Golden测试增强 |
+
+### 1.2 核心配置
+```dart
+void main() {
+  testGoldens('test widget golden', (tester) async {
+    await tester.pumpWidget(MyWidget());
+    await screenMatchesGolden(tester, 'my_widget_golden');
+  });
+}
+```
+
+### 1.3 边界与优缺点
+| 维度 | 说明 |
+|------|------|
+| 优点 | 自动化视觉回归测试、快速发现UI变化 |
+| 缺点 | 对像素差异敏感、环境差异影响大 |
+| 边界 | 仅测试静态UI、不测试交互逻辑 |
+
+---
+
+## 二、E2E端到端测试
+
+### 2.1 配置说明
+| 工具 | 版本 | 用途 |
+|------|------|------|
+| integration_test | 内置 | 集成测试框架 |
+| flutter_driver | 内置 | 驱动测试 |
+
+### 2.2 核心配置
+```dart
+void main() {
+  integrationDriver();
+}
+```
+
+### 2.3 边界与优缺点
+| 维度 | 说明 |
+|------|------|
+| 优点 | 模拟真实用户操作、覆盖完整流程 |
+| 缺点 | 执行速度慢、环境要求高 |
+| 边界 | 依赖真实设备/模拟器、网络环境 |
+
+---
+
+## 三、TDD单元测试
+
+### 3.1 配置说明
+| 工具 | 版本 | 用途 |
+|------|------|------|
+| flutter_test | 内置 | 单元测试框架 |
+| mockito | ^5.0.0 | Mock对象 |
+
+### 3.2 核心配置
+```dart
+void main() {
+  test('test calculation', () {
+    final calculator = Calculator();
+    expect(calculator.add(2, 3), equals(5));
+  });
+}
+```
+
+### 3.3 边界与优缺点
+| 维度 | 说明 |
+|------|------|
+| 优点 | 执行速度快、隔离性好、可重复 |
+| 缺点 | 无法测试UI、需要Mock依赖 |
+| 边界 | 仅测试逻辑单元、不测试集成 |
+
+---
+
+## 四、冒烟测试
+
+### 4.1 配置说明
+| 工具 | 版本 | 用途 |
+|------|------|------|
+| flutter_test | 内置 | 基础测试框架 |
+| custom_test_runner | 自定义 | 冒烟测试套件 |
+
+### 4.2 核心配置
+```dart
+void main() {
+  group('smoke tests', () {
+    test('app starts', () {
+      expect(true, isTrue);
+    });
+    test('main widget builds', () {
+      // 基础构建测试
+    });
+  });
+}
+```
+
+### 4.3 边界与优缺点
+| 维度 | 说明 |
+|------|------|
+| 优点 | 快速验证、早期发现问题 |
+| 缺点 | 覆盖范围有限、不够深入 |
+| 边界 | 仅验证基本功能、不测试细节 |
+
+---
+
+## 五、自动化实现规范
+
+### 5.1 测试目录结构
+```
+test/
+├── unit/              # 单元测试
+├── integration/       # 集成测试  
+├── golden/            # Golden测试
+└── smoke/             # 冒烟测试
+```
+
+### 5.2 测试执行命令
+| 命令 | 用途 |
+|------|------|
+| `flutter test` | 运行所有测试 |
+| `flutter test test/unit/` | 运行单元测试 |
+| `flutter test --update-goldens` | 更新Golden快照 |
+| `flutter drive` | 运行E2E测试 |
+
+### 5.3 CI/CD集成
+| 阶段 | 测试类型 |
+|------|---------|
+| PR检查 | 单元测试、冒烟测试 |
+| 构建前 | Golden测试 |
+| 发布前 | E2E测试 |
+
+---
+
+## 六、验收标准
+
+### 6.1 测试覆盖率
+- [ ] 单元测试覆盖率 ≥ 80%
+- [ ] 集成测试覆盖率 ≥ 70%
+- [ ] Golden测试覆盖核心页面
+- [ ] 冒烟测试覆盖启动流程
+
+### 6.2 测试执行
+- [ ] 所有单元测试通过
+- [ ] 所有Golden测试通过
+- [ ] E2E测试覆盖核心流程
+- [ ] 冒烟测试快速通过
+
+---
+
+## 七、trae调用参数说明
+- **调用路径**: skills/templates/Flutter全类型测试策略SDD.md
+- **必传参数**: 项目名称
+- **可选参数**: 测试类型（单元/集成/Golden/E2E/冒烟）
+- **流程场景**: 1.完整3阶段SDD流程、3.小型功能迭代、4.Bug处理

package/skills/templates/Flutter/345/234/260/345/233/276/345/257/274/350/210/252/344/270/232/345/212/241SDD.md

@@ -0,0 +1,136 @@
+【claude code调用标识：Flutter地图导航业务SDD】【trae调用标识：Flutter地图导航业务SDD+地图集成】【流程场景：1.完整3阶段SDD流程、2.从零开始新项目、3.小型功能迭代】
+
+# Flutter地图导航业务SDD：[项目名称]
+
+## 一、SDK集成
+
+### 1.1 版本锁定
+| SDK | 版本号 | 锁定状态 |
+|------|------|---------|
+| 高德地图Flutter SDK | 【10.0.0】 | 【已锁定】 |
+| amap_flutter_map | 【3.0.0】 | 【已锁定】 |
+| amap_flutter_location | 【3.0.0】 | 【已锁定】 |
+
+### 1.2 依赖配置
+```yaml
+dependencies:
+  amap_flutter_map: ^3.0.0
+  amap_flutter_location: ^3.0.0
+  amap_flutter_base: ^3.0.0
+```
+
+### 1.3 初始化时机
+- [ ] 应用启动时全局初始化一次
+- [ ] 禁止在页面中重复初始化
+- [ ] 初始化完成后缓存实例
+
+---
+
+## 二、核心功能
+
+### 2.1 地图显示
+| 功能 | 实现方式 | 验收标准 |
+|------|---------|---------|
+| 地图加载 | MapWidget | 地图正常显示 |
+| 地图类型切换 | mapType | 支持普通/卫星/夜间模式 |
+| 缩放控制 | zoomControls | 支持手势缩放 |
+| 拖动控制 | gestureRecognizers | 支持手势拖动 |
+
+### 2.2 定位服务
+| 功能 | 实现方式 | 验收标准 |
+|------|---------|---------|
+| 首次定位 | LocationPlugin | 进入页面自动定位并居中 |
+| 持续定位 | startLocation | 实时更新位置 |
+| 定位权限 | PermissionHandler | 权限申请流程完整 |
+
+### 2.3 导航功能
+| 功能 | 实现方式 | 验收标准 |
+|------|---------|---------|
+| 路径规划 | AMapNavi | 支持驾车/步行/骑行 |
+| 导航指引 | NaviWidget | 语音+视觉指引 |
+| 实时路况 | TrafficInfo | 显示实时交通状况 |
+
+---
+
+## 三、Marker处理
+
+### 3.1 Marker创建
+| 属性 | 说明 | 示例值 |
+|------|------|------|
+| position | 经纬度 | LatLng(39.908860, 116.397390) |
+| icon | 自定义图标 | BitmapDescriptor.fromAsset() |
+| anchor | 锚点位置 | Offset(0.5, 1.0) |
+| infoWindow | 信息窗口 | InfoWindow(title, snippet) |
+
+### 3.2 警告处理
+| 警告类型 | 处理方式 | 代码示例 |
+|----------|---------|---------|
+| 重复添加 | 先remove再add | marker.remove() |
+| 内存泄漏 | dispose时清理 | dispose()中调用clearMarkers() |
+| 图标加载失败 | 备用图标 | fallback icon |
+
+### 3.3 自定义样式
+| 样式类型 | 实现方式 | 适用场景 |
+|---------|---------|---------|
+| 自定义图标 | BitmapDescriptor | 不同类型Marker |
+| 动画效果 | AnimationController | 选中/高亮效果 |
+| 聚合显示 | ClusterManager | 大量Marker |
+
+---
+
+## 四、常见问题
+
+### 4.1 地图不显示
+| 排查步骤 | 检查内容 | 解决方案 |
+|---------|---------|---------|
+| 1 | API Key是否正确 | 检查key配置 |
+| 2 | 权限是否开启 | 检查Info.plist/AndroidManifest |
+| 3 | 网络是否正常 | 检查网络连接 |
+| 4 | 依赖是否正确 | 检查pubspec配置 |
+
+### 4.2 定位失败
+| 排查步骤 | 检查内容 | 解决方案 |
+|---------|---------|---------|
+| 1 | 定位权限是否获取 | 请求定位权限 |
+| 2 | 定位服务是否开启 | 提示用户开启 |
+| 3 | 网络定位是否可用 | 切换网络 |
+| 4 | GPS是否开启 | 提示用户开启 |
+
+### 4.3 导航异常
+| 排查步骤 | 检查内容 | 解决方案 |
+|---------|---------|---------|
+| 1 | 起点终点是否有效 | 校验坐标 |
+| 2 | 路径规划是否成功 | 检查API返回 |
+| 3 | 导航组件是否初始化 | 检查初始化流程 |
+| 4 | 语音播报是否正常 | 检查权限和配置 |
+
+---
+
+## 五、验收标准
+
+### 5.1 功能验证
+- [ ] 地图正常加载显示
+- [ ] 首次定位自动居中
+- [ ] 手动拖动不自动回弹
+- [ ] Marker点击显示信息窗口
+- [ ] 导航路径规划正确
+
+### 5.2 性能指标
+- [ ] 地图加载时间 ≤ 2秒
+- [ ] 定位响应时间 ≤ 1秒
+- [ ] 内存占用正常（无泄漏）
+- [ ] 动画流畅（60fps）
+
+### 5.3 稳定性测试
+- [ ] 连续运行24小时无崩溃
+- [ ] 切换后台/前台正常
+- [ ] 网络切换后自动恢复
+- [ ] 低内存环境正常运行
+
+---
+
+## 六、trae调用参数说明
+- **调用路径**: skills/templates/Flutter地图导航业务SDD.md
+- **必传参数**: 项目名称
+- **可选参数**: SDK版本、功能范围
+- **流程场景**: 1.完整3阶段SDD流程、2.从零开始新项目、3.小型功能迭代

package/skills/templates/Flutter/345/270/270/350/247/201/345/274/202/345/270/270/344/270/223/351/241/271SDD.md

@@ -0,0 +1,159 @@
+【claude code调用标识：Flutter常见异常专项SDD】【trae调用标识：Flutter常见异常专项SDD+异常处理】【流程场景：4.Bug处理】
+
+# Flutter常见异常专项SDD：[项目名称]
+
+## 一、SocketException异常
+
+### 1.1 异常描述
+| 属性 | 说明 |
+|------|------|
+| 异常类型 | SocketException |
+| 错误码 | 通常为OS错误码 |
+| 常见原因 | 网络不可用、连接被拒绝、超时 |
+
+### 1.2 排查流程
+| 步骤 | 检查内容 | 验证方法 |
+|------|---------|---------|
+| 1 | 网络连接 | ping baidu.com |
+| 2 | 服务器状态 | 检查API是否可访问 |
+| 3 | 端口开放 | telnet host port |
+| 4 | 代理配置 | 检查系统代理设置 |
+
+### 1.3 修复方案
+```dart
+try {
+  final response = await http.get(Uri.parse(url));
+} on SocketException catch (e) {
+  // 网络异常处理
+  showError('网络连接失败，请检查网络设置');
+}
+```
+
+### 1.4 预防措施
+- [ ] 添加网络状态监听
+- [ ] 实现重试机制
+- [ ] 添加超时配置
+- [ ] 提供离线模式
+
+---
+
+## 二、Framebuffer渲染异常
+
+### 2.1 异常描述
+| 属性 | 说明 |
+|------|------|
+| 异常类型 | FlutterError |
+| 错误码 | 渲染相关错误 |
+| 常见原因 | Widget树不一致、布局溢出、资源缺失 |
+
+### 2.2 排查流程
+| 步骤 | 检查内容 | 验证方法 |
+|------|---------|---------|
+| 1 | Widget树 | 检查build方法返回 |
+| 2 | 布局约束 | 检查Container/SizedBox约束 |
+| 3 | 资源文件 | 检查图片/字体是否存在 |
+| 4 | 日志分析 | 查看Flutter控制台 |
+
+### 2.3 修复方案
+```dart
+// 确保Widget树一致性
+@override
+Widget build(BuildContext context) {
+  if (data == null) {
+    return CircularProgressIndicator();
+  }
+  return Text(data!.text);
+}
+```
+
+### 2.4 预防措施
+- [ ] 使用const构造函数
+- [ ] 添加null安全检查
+- [ ] 使用LayoutBuilder处理约束
+- [ ] 启用debug模式检查
+
+---
+
+## 三、其他常见异常
+
+### 3.1 空指针异常（NullPointerException）
+| 排查 | 修复 |
+|------|------|
+| 检查变量是否为null | 使用?.或??运算符 |
+| 检查函数返回值 | 添加null检查 |
+
+### 3.2 类型转换异常（TypeError）
+| 排查 | 修复 |
+|------|------|
+| 检查类型转换位置 | 使用as进行安全转换 |
+| 检查泛型使用 | 指定正确的泛型类型 |
+
+### 3.3 内存泄漏（Memory Leak）
+| 排查 | 修复 |
+|------|------|
+| 使用DevTools分析 | 及时dispose资源 |
+| 检查Stream订阅 | 取消不必要的订阅 |
+
+---
+
+## 四、异常处理框架
+
+### 4.1 全局异常捕获
+```dart
+void main() {
+  FlutterError.onError = (details) {
+    FlutterError.presentError(details);
+    // 上报到日志系统
+    logError(details.exception, details.stack);
+  };
+  
+  runApp(MyApp());
+}
+```
+
+### 4.2 Zone异常捕获
+```dart
+runZonedGuarded(() {
+  runApp(MyApp());
+}, (error, stackTrace) {
+  // 处理异步异常
+  logError(error, stackTrace);
+});
+```
+
+### 4.3 Error Widget
+```dart
+ErrorWidget.builder = (FlutterErrorDetails details) {
+  return MaterialApp(
+    home: Scaffold(
+      body: Center(
+        child: Text('发生错误: ${details.exception}'),
+      ),
+    ),
+  );
+};
+```
+
+---
+
+## 五、验收标准
+
+### 5.1 异常处理验证
+- [ ] SocketException有捕获和提示
+- [ ] Framebuffer异常有防护
+- [ ] 全局异常处理已配置
+- [ ] 错误日志已上报
+
+### 5.2 稳定性测试
+- [ ] 网络断开后恢复正常
+- [ ] Widget树异常不导致崩溃
+- [ ] 内存泄漏检测通过
+- [ ] 长时间运行无异常
+
+---
+
+## 六、trae调用参数说明
+- **调用路径**: skills/templates/Flutter常见异常专项SDD.md
+- **必传参数**: 项目名称
+- **可选参数**: 异常类型（SocketException/Framebuffer/其他）
+- **流程场景**: 4.Bug处理

package/skills/templates/Flutter/351/237/263/350/247/206/351/242/221/345/205/250/346/240/210SDD.md

@@ -0,0 +1,121 @@
+【claude code调用标识：Flutter音视频全栈SDD】【trae调用标识：Flutter音视频全栈SDD+音视频集成】【流程场景：1.完整3阶段SDD流程、2.从零开始新项目、3.小型功能迭代】
+
+# Flutter音视频全栈SDD：[项目名称]
+
+## 一、离线ASR语音转写
+
+### 1.1 SDK集成
+| SDK | 版本 | 配置方式 |
+|------|------|---------|
+| speech_to_text | ^6.0.0 | pubspec依赖 |
+| pocketsphinx | ^0.10.0 | 离线模型 |
+
+### 1.2 配置说明
+```yaml
+dependencies:
+  speech_to_text: ^6.0.0
+  pocketsphinx: ^0.10.0
+```
+
+### 1.3 核心功能
+| 功能 | 说明 | 验收标准 |
+|------|------|---------|
+| 语音录制 | 麦克风采集 | 支持多种采样率 |
+| 语音识别 | 离线识别引擎 | 准确率≥90% |
+| 实时转写 | 边录边识别 | 延迟≤500ms |
+| 语言选择 | 多语言支持 | 中文/英文 |
+
+### 1.4 权限配置
+| 平台 | 权限 | 配置位置 |
+|------|------|---------|
+| iOS | NSMicrophoneUsageDescription | Info.plist |
+| Android | RECORD_AUDIO | AndroidManifest.xml |
+
+---
+
+## 二、TTS语音合成
+
+### 2.1 SDK集成
+| SDK | 版本 | 配置方式 |
+|------|------|---------|
+| flutter_tts | ^3.0.0 | pubspec依赖 |
+
+### 2.2 配置说明
+```yaml
+dependencies:
+  flutter_tts: ^3.0.0
+```
+
+### 2.3 核心功能
+| 功能 | 说明 | 验收标准 |
+|------|------|---------|
+| 文本转语音 | TTS引擎 | 发音清晰 |
+| 语速调节 | 0.5-2.0倍 | 可调节 |
+| 音量调节 | 0-1.0 | 可调节 |
+| 音色选择 | 多种声音 | 支持切换 |
+
+### 2.4 平台差异
+| 平台 | 引擎 | 特性 |
+|------|------|------|
+| iOS | AVSpeechSynthesizer | 自然语音 |
+| Android | TextToSpeech | 多语言支持 |
+
+---
+
+## 三、OCR文字识别
+
+### 3.1 SDK集成
+| SDK | 版本 | 配置方式 |
+|------|------|---------|
+| google_mlkit_text_recognition | ^0.10.0 | pubspec依赖 |
+| tflite | ^1.1.2 | 离线模型 |
+
+### 3.2 配置说明
+```yaml
+dependencies:
+  google_mlkit_text_recognition: ^0.10.0
+```
+
+### 3.3 核心功能
+| 功能 | 说明 | 验收标准 |
+|------|------|---------|
+| 图片识别 | 从图片提取文字 | 准确率≥95% |
+| 实时识别 | 摄像头实时识别 | 帧率≥15fps |
+| 多行识别 | 支持多行文本 | 自动换行 |
+| 语言支持 | 多语言识别 | 中文/英文/数字 |
+
+### 3.4 权限配置
+| 平台 | 权限 | 配置位置 |
+|------|------|---------|
+| iOS | NSCameraUsageDescription | Info.plist |
+| Android | CAMERA | AndroidManifest.xml |
+
+---
+
+## 四、验收标准
+
+### 4.1 ASR验收
+- [ ] 语音录制正常
+- [ ] 离线识别准确率≥90%
+- [ ] 实时转写延迟≤500ms
+- [ ] 静音检测正常
+
+### 4.2 TTS验收
+- [ ] 语音合成清晰
+- [ ] 语速调节正常
+- [ ] 音量调节正常
+- [ ] 暂停/继续正常
+
+### 4.3 OCR验收
+- [ ] 图片识别准确率≥95%
+- [ ] 实时识别帧率≥15fps
+- [ ] 多行识别正确
+- [ ] 倾斜文本识别正常
+
+---
+
+## 五、trae调用参数说明
+- **调用路径**: skills/templates/Flutter音视频全栈SDD.md
+- **必传参数**: 项目名称
+- **可选参数**: 功能模块（ASR/TTS/OCR）
+- **流程场景**: 1.完整3阶段SDD流程、2.从零开始新项目、3.小型功能迭代

package/skills/templates/UI-SDD/344/270/223/347/224/250/346/250/241/346/235/277.md

@@ -0,0 +1,141 @@
+【claude code调用标识：UI-SDD专用模板】【trae调用标识：UI-SDD专用模板+UI设计规范】【流程场景：1.完整3阶段SDD流程、2.从零开始新项目、3.小型功能迭代】
+
+# UI-SDD专用模板：[页面/组件名称]
+
+## 一、设计稿信息
+
+### 1.1 设计稿来源
+| 项目 | 内容 |
+|------|------|
+| Figma链接 | 【必填】 |
+| 备份文件 | 【必填】PNG/PDF格式 |
+| 设计稿版本 | 【必填】如：v1.0 |
+| 设计师 | 【必填】 |
+| 设计日期 | 【必填】 |
+
+### 1.2 设计稿状态
+- [ ] 初稿
+- [ ] 评审中
+- [x] 已确认
+- [ ] 需要修改
+
+---
+
+## 二、页面结构
+
+### 2.1 页面层级
+```
+页面名称
+├── 模块1
+│   ├── 组件1
+│   └── 组件2
+└── 模块2
+    └── 组件3
+```
+
+### 2.2 组件清单
+| 组件名称 | 类型 | 位置 | 状态 |
+|---------|------|------|------|
+| 【组件1】 | 【原子/分子/组织】 | 【页面位置】 | 【新增/复用/修改】 |
+| 【组件2】 | 【原子/分子/组织】 | 【页面位置】 | 【新增/复用/修改】 |
+
+### 2.3 布局规范
+- 页面宽度：【如：375px（移动端）/ 1200px（桌面端）】
+- 边距规范：【如：16px】
+- 栅格系统：【如：12列】
+
+---
+
+## 三、交互设计
+
+### 3.1 页面跳转
+| 触发操作 | 目标页面 | 跳转方式 |
+|---------|---------|---------|
+| 【点击按钮A】 | 【页面B】 | 【push/pop/modal】 |
+
+### 3.2 状态切换
+| 组件 | 状态 | 触发条件 | 视觉变化 |
+|------|------|---------|---------|
+| 【按钮】 | 默认/悬停/点击/禁用 | 【用户操作】 | 【颜色/大小变化】 |
+
+### 3.3 动效说明
+| 动效类型 | 触发场景 | 时长 | 缓动函数 |
+|---------|---------|------|---------|
+| 【页面切换】 | 【进入/退出】 | 【300ms】 | 【ease-out】 |
+
+---
+
+## 四、视觉规范
+
+### 4.1 颜色规范
+| 颜色用途 | Hex值 | RGB | 用途说明 |
+|---------|-------|-----|---------|
+| 主色 | 【#XXXXXX】 | 【R,G,B】 | 【按钮、链接】 |
+| 辅助色 | 【#XXXXXX】 | 【R,G,B】 | 【强调、提示】 |
+| 背景色 | 【#XXXXXX】 | 【R,G,B】 | 【页面背景】 |
+| 文字色 | 【#XXXXXX】 | 【R,G,B】 | 【正文】 |
+
+### 4.2 字体规范
+| 字体用途 | 字体名称 | 字号 | 字重 | 行高 |
+|---------|---------|------|------|------|
+| 标题 | 【PingFang SC】 | 【18px】 | 【600】 | 【24px】 |
+| 正文 | 【PingFang SC】 | 【14px】 | 【400】 | 【20px】 |
+| 小字 | 【PingFang SC】 | 【12px】 | 【400】 | 【16px】 |
+
+### 4.3 间距规范
+| 间距用途 | 值 | 适用场景 |
+|---------|-----|---------|
+| 页面边距 | 【16px】 | 【页面四周】 |
+| 组件间距 | 【8px】 | 【组件之间】 |
+| 内容间距 | 【12px】 | 【文字与元素】 |
+
+---
+
+## 五、交付标准
+
+### 5.1 设计稿完整性检查
+- [ ] 所有页面/组件设计完成
+- [ ] 交互状态完整（默认/悬停/点击/禁用）
+- [ ] 响应式适配（移动端/平板/桌面端）
+- [ ] 标注完整
+
+### 5.2 切图规范
+- [ ] 切图格式：【PNG/WebP/SVG】
+- [ ] 切图倍率：【1x/2x/3x】
+- [ ] 图标导出：【SVG格式，支持多色】
+- [ ] 命名规范：【模块_组件_状态_倍率.png】
+
+### 5.3 交付物清单
+- [ ] Figma源文件链接
+- [ ] 切图压缩包
+- [ ] 设计规范文档
+- [ ] 标注文件
+
+---
+
+## 六、验收标准
+
+### 6.1 视觉还原度
+- [ ] 颜色偏差 ≤ 5%
+- [ ] 尺寸偏差 ≤ 1px
+- [ ] 间距偏差 ≤ 2px
+- [ ] 字体一致
+
+### 6.2 交互正确性
+- [ ] 所有交互符合设计稿
+- [ ] 状态切换正确
+- [ ] 动效流畅
+- [ ] 无障碍访问
+
+### 6.3 响应式适配
+- [ ] 移动端显示正常
+- [ ] 平板端显示正常
+- [ ] 桌面端显示正常
+
+---
+
+## 七、trae调用参数说明
+- **调用路径**: skills/templates/UI-SDD专用模板.md
+- **必传参数**: 页面/组件名称
+- **可选参数**: 设计稿版本、设计师、设计日期
+- **流程场景**: 1.完整3阶段SDD流程、2.从零开始新项目、3.小型功能迭代