hookehuyr

docs: 添加前端开发工作流框架文档

添加前端开发工作流框架文档,包含四个标准流程和AI工具选择原则。
文档位于 docs/tasks/ideas/开发流程.md,用于指导开发任务执行。
# 前端开发工作流(已建立统一框架)
> **最后更新**: 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
---
## 📝 使用记录模板
每次完成任务后,建议记录:
```markdown
## [功能名称] 开发记录
**日期**: 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