aigroup-workflow 2.2.1 → 2.2.2

package/skills/frontend/design-commands/design.md

@@ -1,91 +1,91 @@
-# /design - UI设计
-
-根据PRD需求设计用户界面
-
-## 使用方式
-
-```
-/design [PRD文件或功能描述]
-/design 登录页面
-/design ../shared/docs/xxx.md
-```
-
-## 执行步骤
-
-### 1. 理解需求
-- 读取PRD文档或用户描述
-- 提取关键功能点和用户流程
-- 确认设计范围（移动端/PC端）
-
-### 2. 确认设计方向
-询问用户：
-- 是否有参考设计？
-- 是否沿用现有设计规范？
-- 有特殊风格要求吗？
-
-### 3. 输出设计稿
-
-```markdown
-# UI设计 - [功能名称]
-
-## 设计信息
-设计师: 艾拉
-日期: YYYY-MM-DD
-PRD来源: [来源]
-
-## 设计规范
-
-### 颜色
-| 名称 | 色值 | 用途 |
-|------|------|------|
-| 主色 | #1890FF | 按钮、链接 |
-| 背景 | #F5F5F5 | 页面背景 |
-| 文字 | #333333 | 主要文字 |
-
-### 字体
-| 类型 | 字号 | 字重 | 颜色 |
-|------|------|------|------|
-| 大标题 | 24px | 600 | #333 |
-| 标题 | 18px | 500 | #333 |
-| 正文 | 14px | 400 | #666 |
-
-### 间距
-| 类型 | 数值 |
-|------|------|
-| 页面边距 | 16px |
-| 模块间距 | 24px |
-| 元素间距 | 12px |
-
-## 页面布局
-
-### [页面名称]
-
-+----------------------------------+
-|           Header 44px            |
-+----------------------------------+
-|                                  |
-|         [内容区域描述]            |
-|                                  |
-+----------------------------------+
-|           Footer 50px            |
-+----------------------------------+
-
-### 组件说明
-[各组件的详细说明]
-
-## 交互说明
-[用户操作流程和反馈]
-```
-
-### 4. 存储设计稿
-保存到 `../shared/designs/[功能名]-ui.md`
-
-### 5. 询问后续
-- 是否需要调整？
-- 是否通知贾维斯开始开发？
-
-## 示例
-
-**输入**: /design 接待建档页面
-
-**输出**: 完整的UI设计稿，包含布局、规范、交互说明
+# /design - UI设计
+
+根据PRD需求设计用户界面
+
+## 使用方式
+
+```
+/design [PRD文件或功能描述]
+/design 登录页面
+/design ../shared/docs/xxx.md
+```
+
+## 执行步骤
+
+### 1. 理解需求
+- 读取PRD文档或用户描述
+- 提取关键功能点和用户流程
+- 确认设计范围（移动端/PC端）
+
+### 2. 确认设计方向
+询问用户：
+- 是否有参考设计？
+- 是否沿用现有设计规范？
+- 有特殊风格要求吗？
+
+### 3. 输出设计稿
+
+```markdown
+# UI设计 - [功能名称]
+
+## 设计信息
+设计师: 艾拉
+日期: YYYY-MM-DD
+PRD来源: [来源]
+
+## 设计规范
+
+### 颜色
+| 名称 | 色值 | 用途 |
+|------|------|------|
+| 主色 | #1890FF | 按钮、链接 |
+| 背景 | #F5F5F5 | 页面背景 |
+| 文字 | #333333 | 主要文字 |
+
+### 字体
+| 类型 | 字号 | 字重 | 颜色 |
+|------|------|------|------|
+| 大标题 | 24px | 600 | #333 |
+| 标题 | 18px | 500 | #333 |
+| 正文 | 14px | 400 | #666 |
+
+### 间距
+| 类型 | 数值 |
+|------|------|
+| 页面边距 | 16px |
+| 模块间距 | 24px |
+| 元素间距 | 12px |
+
+## 页面布局
+
+### [页面名称]
+
++----------------------------------+
+|           Header 44px            |
++----------------------------------+
+|                                  |
+|         [内容区域描述]            |
+|                                  |
++----------------------------------+
+|           Footer 50px            |
++----------------------------------+
+
+### 组件说明
+[各组件的详细说明]
+
+## 交互说明
+[用户操作流程和反馈]
+```
+
+### 4. 存储设计稿
+保存到 `../shared/designs/[功能名]-ui.md`
+
+### 5. 询问后续
+- 是否需要调整？
+- 是否通知贾维斯开始开发？
+
+## 示例
+
+**输入**: /design 接待建档页面
+
+**输出**: 完整的UI设计稿，包含布局、规范、交互说明

package/skills/frontend/design-commands/handoff.md

@@ -1,97 +1,97 @@
-# /handoff - 设计交付
-
-整理设计稿，准备交付给贾维斯开发
-
-## 使用方式
-
-```
-/handoff [设计稿名称]
-/handoff 登录页面
-/handoff all  # 交付所有待开发设计
-```
-
-## 执行步骤
-
-### 1. 检查设计完整性
-
-确认设计稿包含：
-- [ ] 页面布局（ASCII图示）
-- [ ] 设计规范（颜色、字体、间距）
-- [ ] 组件状态（默认、hover、active、disabled）
-- [ ] 交互说明
-- [ ] 异常状态处理
-
-### 2. 生成开发交付文档
-
-```markdown
-# 设计交付 - [功能名称]
-
-## 交付信息
-设计师: 艾拉
-交付日期: YYYY-MM-DD
-设计稿位置: ../shared/designs/[文件名].md
-
-## 设计概览
-[简要说明设计内容]
-
-## 开发注意事项
-
-### 关键交互
-1. [重要交互点1]
-2. [重要交互点2]
-
-### 组件复用
-| 组件 | 是否复用 | 参考 |
-|------|----------|------|
-| 按钮 | 是 | 现有Button组件 |
-| 表单 | 是 | 现有Form组件 |
-| 卡片 | 新建 | 见设计稿 |
-
-### 响应式要求
-| 断点 | 布局变化 |
-|------|----------|
-| < 768px | 单列布局 |
-| >= 768px | 双列布局 |
-
-## 验收标准
-1. 还原度达到设计稿要求
-2. 交互效果流畅
-3. 异常状态处理完善
-
-## 设计稿清单
-- [ ] [设计稿1].md
-- [ ] [设计稿2].md
-```
-
-### 3. 更新共享状态
-
-更新 `../shared/status.json`：
-```json
-{
-  "designs": {
-    "[功能名]": {
-      "status": "待开发",
-      "designer": "艾拉",
-      "files": ["xxx-ui.md", "xxx-prototype.md"],
-      "handoffDate": "YYYY-MM-DD"
-    }
-  }
-}
-```
-
-### 4. 通知选项
-
-询问用户：
-- 是否需要通知贾维斯开始开发？
-- 如需通知，我会在status.json中标记任务
-
-## 交付检查清单
-
-| 检查项 | 状态 |
-|--------|------|
-| 颜色值完整 | ✓ |
-| 字号字重完整 | ✓ |
-| 间距标注完整 | ✓ |
-| 交互说明清晰 | ✓ |
-| 异常状态定义 | ✓ |
-| 响应式说明 | ✓ |
+# /handoff - 设计交付
+
+整理设计稿，准备交付给贾维斯开发
+
+## 使用方式
+
+```
+/handoff [设计稿名称]
+/handoff 登录页面
+/handoff all  # 交付所有待开发设计
+```
+
+## 执行步骤
+
+### 1. 检查设计完整性
+
+确认设计稿包含：
+- [ ] 页面布局（ASCII图示）
+- [ ] 设计规范（颜色、字体、间距）
+- [ ] 组件状态（默认、hover、active、disabled）
+- [ ] 交互说明
+- [ ] 异常状态处理
+
+### 2. 生成开发交付文档
+
+```markdown
+# 设计交付 - [功能名称]
+
+## 交付信息
+设计师: 艾拉
+交付日期: YYYY-MM-DD
+设计稿位置: ../shared/designs/[文件名].md
+
+## 设计概览
+[简要说明设计内容]
+
+## 开发注意事项
+
+### 关键交互
+1. [重要交互点1]
+2. [重要交互点2]
+
+### 组件复用
+| 组件 | 是否复用 | 参考 |
+|------|----------|------|
+| 按钮 | 是 | 现有Button组件 |
+| 表单 | 是 | 现有Form组件 |
+| 卡片 | 新建 | 见设计稿 |
+
+### 响应式要求
+| 断点 | 布局变化 |
+|------|----------|
+| < 768px | 单列布局 |
+| >= 768px | 双列布局 |
+
+## 验收标准
+1. 还原度达到设计稿要求
+2. 交互效果流畅
+3. 异常状态处理完善
+
+## 设计稿清单
+- [ ] [设计稿1].md
+- [ ] [设计稿2].md
+```
+
+### 3. 更新共享状态
+
+更新 `../shared/status.json`：
+```json
+{
+  "designs": {
+    "[功能名]": {
+      "status": "待开发",
+      "designer": "艾拉",
+      "files": ["xxx-ui.md", "xxx-prototype.md"],
+      "handoffDate": "YYYY-MM-DD"
+    }
+  }
+}
+```
+
+### 4. 通知选项
+
+询问用户：
+- 是否需要通知贾维斯开始开发？
+- 如需通知，我会在status.json中标记任务
+
+## 交付检查清单
+
+| 检查项 | 状态 |
+|--------|------|
+| 颜色值完整 | ✓ |
+| 字号字重完整 | ✓ |
+| 间距标注完整 | ✓ |
+| 交互说明清晰 | ✓ |
+| 异常状态定义 | ✓ |
+| 响应式说明 | ✓ |

package/skills/frontend/design-commands/prototype.md

@@ -1,120 +1,120 @@
-# /prototype - 交互原型
-
-设计用户交互流程和页面状态变化
-
-## 使用方式
-
-```
-/prototype [功能描述]
-/prototype 登录注册流程
-/prototype 订单支付流程
-```
-
-## 执行步骤
-
-### 1. 理解用户目标
-- 用户要完成什么任务？
-- 有哪些关键步骤？
-- 可能遇到什么问题？
-
-### 2. 绘制流程图
-
-```
-用户流程: [功能名称]
-
-[起点]
-   ↓
-[步骤1] ──失败──→ [错误处理]
-   ↓ 成功              ↓
-[步骤2]          [重试/返回]
-   ↓
-[完成]
-```
-
-### 3. 定义页面状态
-
-```markdown
-## 页面状态
-
-### [页面名]
-
-| 状态 | 触发条件 | 界面表现 |
-|------|----------|----------|
-| 初始态 | 首次进入 | 表单为空 |
-| 加载中 | 提交数据 | 按钮loading |
-| 成功态 | 请求成功 | Toast提示 |
-| 失败态 | 请求失败 | 错误提示 |
-| 空状态 | 无数据 | 空状态插图 |
-```
-
-### 4. 设计交互细节
-
-```markdown
-## 交互说明
-
-### 表单交互
-| 操作 | 反馈 |
-|------|------|
-| 输入时 | 实时校验，错误红框+提示 |
-| 失焦时 | 完成校验 |
-| 提交时 | 按钮loading，禁止重复点击 |
-
-### 手势交互（移动端）
-| 手势 | 效果 |
-|------|------|
-| 下拉 | 刷新数据 |
-| 上滑 | 加载更多 |
-| 左滑 | 删除操作 |
-
-### 动画效果
-| 场景 | 动画 | 时长 |
-|------|------|------|
-| 页面切换 | 左右滑动 | 300ms |
-| 弹窗出现 | 底部弹起 | 250ms |
-| Toast | 淡入淡出 | 200ms |
-```
-
-### 5. 异常处理
-
-```markdown
-## 异常状态
-
-| 异常 | 处理方式 |
-|------|----------|
-| 网络错误 | Toast提示"网络异常"，可重试 |
-| 服务器错误 | 错误页面，联系客服 |
-| 登录过期 | 跳转登录页 |
-| 无权限 | 提示无权限，返回上页 |
-```
-
-### 6. 输出原型文档
-
-存储到 `../shared/designs/[功能名]-prototype.md`
-
-## 示例输出
-
-```markdown
-# 交互原型 - 登录流程
-
-## 用户流程
-
-[打开App]
-    ↓
-[登录页] ─已登录─→ [首页]
-    ↓ 未登录
-[输入手机号]
-    ↓
-[获取验证码] ──失败──→ [提示错误，重新获取]
-    ↓ 成功
-[输入验证码]
-    ↓
-[登录验证] ──失败──→ [提示错误，重新输入]
-    ↓ 成功
-[首页]
-
-## 页面状态
-...
-
-## 交互细节
-...
-```
+# /prototype - 交互原型
+
+设计用户交互流程和页面状态变化
+
+## 使用方式
+
+```
+/prototype [功能描述]
+/prototype 登录注册流程
+/prototype 订单支付流程
+```
+
+## 执行步骤
+
+### 1. 理解用户目标
+- 用户要完成什么任务？
+- 有哪些关键步骤？
+- 可能遇到什么问题？
+
+### 2. 绘制流程图
+
+```
+用户流程: [功能名称]
+
+[起点]
+   ↓
+[步骤1] ──失败──→ [错误处理]
+   ↓ 成功              ↓
+[步骤2]          [重试/返回]
+   ↓
+[完成]
+```
+
+### 3. 定义页面状态
+
+```markdown
+## 页面状态
+
+### [页面名]
+
+| 状态 | 触发条件 | 界面表现 |
+|------|----------|----------|
+| 初始态 | 首次进入 | 表单为空 |
+| 加载中 | 提交数据 | 按钮loading |
+| 成功态 | 请求成功 | Toast提示 |
+| 失败态 | 请求失败 | 错误提示 |
+| 空状态 | 无数据 | 空状态插图 |
+```
+
+### 4. 设计交互细节
+
+```markdown
+## 交互说明
+
+### 表单交互
+| 操作 | 反馈 |
+|------|------|
+| 输入时 | 实时校验，错误红框+提示 |
+| 失焦时 | 完成校验 |
+| 提交时 | 按钮loading，禁止重复点击 |
+
+### 手势交互（移动端）
+| 手势 | 效果 |
+|------|------|
+| 下拉 | 刷新数据 |
+| 上滑 | 加载更多 |
+| 左滑 | 删除操作 |
+
+### 动画效果
+| 场景 | 动画 | 时长 |
+|------|------|------|
+| 页面切换 | 左右滑动 | 300ms |
+| 弹窗出现 | 底部弹起 | 250ms |
+| Toast | 淡入淡出 | 200ms |
+```
+
+### 5. 异常处理
+
+```markdown
+## 异常状态
+
+| 异常 | 处理方式 |
+|------|----------|
+| 网络错误 | Toast提示"网络异常"，可重试 |
+| 服务器错误 | 错误页面，联系客服 |
+| 登录过期 | 跳转登录页 |
+| 无权限 | 提示无权限，返回上页 |
+```
+
+### 6. 输出原型文档
+
+存储到 `../shared/designs/[功能名]-prototype.md`
+
+## 示例输出
+
+```markdown
+# 交互原型 - 登录流程
+
+## 用户流程
+
+[打开App]
+    ↓
+[登录页] ─已登录─→ [首页]
+    ↓ 未登录
+[输入手机号]
+    ↓
+[获取验证码] ──失败──→ [提示错误，重新获取]
+    ↓ 成功
+[输入验证码]
+    ↓
+[登录验证] ──失败──→ [提示错误，重新输入]
+    ↓ 成功
+[首页]
+
+## 页面状态
+...
+
+## 交互细节
+...
+```