zhaoxuya520 端到端功能交付（E2E Feature Delivery）
参考来源：Vertical Slice Architecture、Shape Up（Basecamp）、Kent Beck Incremental Design、全栈 MVP 实践。
适用场景
- 一人完成从数据库到页面的完整功能
- MVP / POC / 内部工具快速交付
- 小团队端到端功能模块
核心原则
1. 垂直切片（Vertical Slice）
不是先做完所有后端再做前端
而是一个功能从 DB → API → UI 一次做完
2. 增量交付
先做最小可用版本（happy path）
再补错误处理 / 边界 / 权限
3. 边写边调
不要前后端分别写完再联调
写一个端点就联调一个
4. Schema First
先设计数据模型，再写代码
5. 部署优先
第一天就部署空项目到 Preview
后续每个功能都能在线看
6. 测试跟着走
不是最后补测试
每个功能完成就写测试
垂直切片交付流程
功能：用户创建订单
切片 1（最小可用）：
□ Schema：orders 表（id, user_id, status, total, created_at）
□ API：POST /orders（创建）+ GET /orders（列表）
□ UI：订单列表页 + 创建按钮 + 简单表单
□ 联调：前端调真实 API
□ 部署：Preview 可访问
→ 验收：能创建订单并看到列表
切片 2（补充）：
□ Schema：order_items 表
□ API：GET /orders/:id（详情）
□ UI：订单详情页
□ 联调 + 部署
→ 验收：能看到订单详情
切片 3（完善）：
□ API：PATCH /orders/:id（状态流转）
□ UI：状态操作按钮
□ 错误处理（库存不足 / 权限不足）
□ 测试
→ 验收：完整业务流程
标准流程
1. 理解需求
- 核心用户流程是什么？
- 涉及哪些数据实体？
- 权限边界？
↓
2. 选技术栈（如未定）
→ fullstack-architecture skill
↓
3. 设计数据模型
→ database-schema-impl skill
↓
4. 部署空项目
→ deploy-preview skill
↓
5. 按垂直切片实现
每个切片：
a. 写 Schema / Migration
b. 写 API 端点
c. 写前端页面
d. 联调验证
e. 部署到 Preview
↓
6. 认证（如需）
→ auth-e2e skill
↓
7. 测试
- 单元：核心业务逻辑
- E2E：关键用户旅程（1~3 条）
↓
8. 验收
- 对照验收标准逐条检查
↓
9. 正式部署
→ deploy-preview skill（Production）
↓
10. 沉淀经验
全栈交付清单（每个功能必查）
数据层：
□ Schema 设计完成
□ Migration 可执行
□ 种子数据（如需）
□ 索引覆盖核心查询
后端层：
□ API 端点实现
□ 入参校验
□ 错误码统一
□ 权限检查
□ 幂等（写操作）
前端层：
□ 页面实现
□ Loading / Error / Empty 状态
□ 表单校验
□ 响应式
□ 基本 a11y
联调层：
□ 前后端字段一致
□ 错误处理对接
□ Token 传递正确
□ 分页 / 筛选对接
测试层：
□ 核心逻辑单元测试
□ 关键路径 E2E（至少 1 条）
部署层：
□ Preview 可访问
□ 环境变量配置
□ 数据库连接正常
时间分配（M 级功能，8 小时）
需求理解 + 设计： 1h（12%）
数据模型 + Migration：1h（12%）
后端实现： 2h（25%）
前端实现： 2h（25%）
联调 + 错误处理： 1h（12%）
测试： 0.5h（6%）
部署 + 验收： 0.5h（6%）
增量交付策略
Day 1：
- 空项目部署到 Preview ✓
- Schema 设计 ✓
- 核心 CRUD API ✓
- 列表页 ✓
Day 2：
- 详情页 + 创建表单 ✓
- 联调 ✓
- 认证 ✓
Day 3：
- 错误处理 + 边界 ✓
- 测试 ✓
- 正式部署 ✓
- 验收 ✓
配套模板
templates/e2e-delivery-checklist.md— 垂直切片清单 + 全栈交付检查 + 时间分配
质量自检
□ 垂直切片（不是先全后端再全前端）
□ Schema First
□ 第一天就部署
□ 边写边调
□ 4 种状态（loading/error/empty/success）
□ 错误处理端到端
□ 认证端到端
□ 至少 1 条 E2E 测试
□ Preview 可访问
□ 验收标准全部满足
常见坑
- 先写完后端再写前端——联调时字段不一致
- 不部署就开发——最后部署时各种环境问题
- 不写 Schema 就写代码——数据模型反复改
- 不处理错误状态——用户看到白屏
- 不增量交付——3 天后才能看到东西
- 复杂度超出硬撑——质量崩溃，应该拆分
- 不写测试——改一处坏三处
- 不用 TypeScript——联调时类型错误
- 认证最后做——前面全是裸奔
- 不用全栈框架——自己拼装浪费时间
与其他 skill 的协作
下游：
database-schema-impl → 建表
api-frontend-integration → 联调
auth-e2e → 认证
deploy-preview → 部署
fullstack-architecture → 选型