前端开发工作流（已建立统一框架）

最后更新: 2026-01-29 状态: ✅ 已建立统一工作流框架，等待实际任务验证

---

🎯 工作流框架位置

个人工作流规则：~/.claude/rules/workflow-core.md

包含：

• ✅ 任务分类决策树（30 秒判断流程）
• ✅ 4 个标准流程（页面生成、逻辑开发、快速修改、全新项目）
• ✅ Vue 3 Web 和 Taro 小程序技术栈支持
• ✅ AI 工具选择原则（Claude Code + Trae）
• ✅ 质量检查清单
• ✅ 输出物规范和模板

---

🚀 快速使用方法

对于任何开发任务，直接对 Claude Code 说：

"我要开发 [功能描述]"

Claude Code 会自动：

1. 识别任务类型（Vue 3 Web 或 Taro 小程序）
2. 推荐使用流程 A/B/C/D
3. 提供分步指导
4. 自动应用 AI 工具选择原则

---

📋 四个标准流程

流程	适用场景	主导工具	时长
流程 A	新页面/组件（有设计稿）	Trae + Claude Code	45-90 分钟
流程 B	API/Composables/工具函数	Claude Code	35-65 分钟
流程 C	快速修改（< 50 行）	Claude Code	15-30 分钟
流程 D	全新项目（0 到 1）	Claude Code + Trae	数天到数周

详见：~/.claude/rules/workflow-core.md

---

🤖 AI 工具选择原则

任务类型	Claude Code	Trae
需求分析	✅ 主导	❌
技术设计	✅ 主导	❌
新页面/组件（有设计稿）	🟡 补充逻辑	✅ 主导生成
API/Composables	✅ 主导	❌
代码审查	✅ 主导	❌
测试编写	✅ 主导	❌

---

📚 相关文档

• 统一工作流：~/.claude/rules/workflow-core.md
• AI 工具选择决策：~/.claude/rules/ai-workflow-decision.md
• Taro 开发规范：~/.claude/rules/taro-patterns.md
• 代码生成情况对比：docs/tasks/done/代码生成情况对比.md

---

🔄 后续优化计划

渐进式优化策略

第一阶段：当前（建立框架）✅

• ✅ 创建统一工作流文档
• ✅ 定义 4 个标准流程
• ✅ 明确 AI 工具选择原则

第二阶段：验证（实际使用）

• 在实际开发任务中验证流程
• 记录每次开发的经验数据
• 识别流程中的问题和瓶颈

第三阶段：优化（基于反馈）

• 根据实际使用调整流程
• 添加更多模板和示例
• 可能创建自动化 Skills

---

📝 使用记录模板

每次完成任务后，建议记录：

## [功能名称] 开发记录

**日期**: 2026-XX-XX
**项目**: mlaj (Vue 3 Web / Taro)
**使用的流程**: 流程 A/B/C/D
**工具组合**: Claude Code (规划) + Trae (实现) + Claude Code (测试)

### 各阶段用时

- 规划: XX 分钟
- 实现: XX 分钟
- 测试: XX 分钟
- 总计: XX 分钟

### 质量

- 代码质量: ⭐⭐⭐⭐⭐
- 测试覆盖率: XX%
- Bug 数: X 个

### 遇到的问题

- [问题描述 1]
- [问题描述 2]

### 改进建议

- [建议 1]
- [建议 2]

### 总体评价

- 满意度: ⭐⭐⭐⭐
- 下次是否继续使用此流程: 是/否

---

原始需求（已归档）

当时的开发流程（2026-01-29 前）

1. 现有项目: 日常对话任务，新增页面、调整逻辑、加新功能
2. 新项目: 有客户需求文档、设计稿、后端 API 文档

问题

• ❌ 缺乏标准流程
• ❌ AI 工具选择不明确
• ❌ 缺少质量检查标准
• ❌ 没有输出物规范

解决方案（已实施）

✅ 建立统一工作流框架 ✅ 明确 AI 工具选择原则 ✅ 提供质量检查清单 ✅ 定义输出物规范和模板

---

维护者: 你的名字 最后更新: 2026-01-29