
## 一、起因：家长的焦虑

作为一个家长，我每天都在为孩子学习的事情焦虑：

1. **错题记录难**：孩子做错的题目，要么记在笔记本上（容易丢），要么拍照存在手机里（找不到）
2. **复习效率低**：不知道哪些题目需要重点复习，哪些已经掌握
3. **缺乏个性化**：没有针对孩子的薄弱点生成练习题

市面上有很多错题本App，但要么收费昂贵，要么功能单一，要么广告满天飞。

**能不能自己开发一个？**

## 二、发现WorkBuddy

就在我犹豫要不要学Flutter/React Native的时候，我发现了**WorkBuddy**——腾讯推出的全场景AI智能体工作台。

它的核心特点是：**自然语言驱动，自动执行任务**。

也就是说，我只需要说"帮我开发一个错题整理App"，WorkBuddy就能帮我完成大部分工作。

## 三、开发过程

### 3.1 需求分析

我对WorkBuddy说：

> "帮我设计一个错题整理App的核心功能"

WorkBuddy帮我梳理了需求：

| 功能模块 | 核心功能 |
|---------|---------|
| 拍照识别 | 拍照→AI识别题目→自动分类 |
| 错题管理 | 科目/章节/难度标签 |
| 复习计划 | 艾宾浩斯遗忘曲线提醒 |
| 相似题生成 | AI生成相似题目练习 |
| 数据统计 | 错题分布、掌握率 |

### 3.2 技术选型

WorkBuddy建议：

> "使用React + Capacitor开发跨平台App，后端调用DeepSeek和豆包AI进行图片识别和题目生成"

**技术栈**：
- 前端：React + Vite
- 跨平台：Capacitor
- AI识别：DeepSeek Vision（视觉模型）
- AI生成：豆包AI（火山引擎）
- 存储：localStorage + Filesystem（持久化）

### 3.3 Sprint 1：核心功能开发

#### 第一周：基础架构

WorkBuddy帮我：

1. **初始化项目**
   ```bash
   npm create vite@latest error-notebook -- --template react
   npm install @capacitor/core @capacitor/cli
   ```

2. **配置Capacitor**
   ```json
   {
     "appId": "com.errornotebook.app",
     "appName": "错题整理本",
     "webDir": "dist"
   }
   ```

3. **设计UI结构**
   - Tab 1：拍照（Camera）
   - Tab 2：错题本（Notebook）
   - Tab 3：复习（Review）

#### 第二周：AI识别功能

**遇到问题**：DeepSeek的OCR API端点错误

WorkBuddy帮我诊断：

> "检查DeepSeek API文档，正确的端点是 /v1/chat/completions（视觉模型），不是 /ocr/v2/recognize"

**修复代码**：
```javascript
// ❌ 错误
const endpoint = 'https://api.deepseek.com/ocr/v2/recognize'

// ✅ 正确
const endpoint = 'https://api.deepseek.com/v1/chat/completions'
const response = await fetch(endpoint, {
  method: 'POST',
  headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${apiKey}` },
  body: JSON.stringify({
    model: 'deepseek-vision',
    messages: [
      { role: 'user', content: [
        { type: 'text', text: '识别这道题目的内容' },
        { type: 'image_url', image_url: { url: imageData } }
      ]}
    ]
  })
})
```

#### 第三周：复习计划功能

**需求**：新增错题时，自动创建复习计划

WorkBuddy帮我实现：
```javascript
function syncReviewScheduleFromErrorBook(error) {
  const reviewDates = calculateReviewDates(error.date) // 艾宾浩斯曲线
  reviewDates.forEach(date => {
    createReviewTask({
      errorId: error.id,
      date: date,
      completed: false
    })
  })
}

function calculateReviewDates(startDate) {
  const intervals = [1, 3, 7, 15, 30] // 复习间隔（天）
  return intervals.map(days => addDays(startDate, days))
}
```

#### 第四周：数据持久化

**遇到问题**：App重装后数据丢失

WorkBuddy建议：
> "使用Capacitor Filesystem实现持久化存储，App启动时自动迁移localStorage数据"

**实现代码**：
```javascript
import { Filesystem, Directory } from '@capacitor/filesystem'

async function migrateLocalStorageToFilesystem() {
  const data = localStorage.getItem('errorNotebook')
  if (data) {
    await Filesystem.writeFile({
      path: 'errorNotebook.json',
      data: btoa(data),
      directory: Directory.Data
    })
  }
}

async function loadDataFromFilesystem() {
  try {
    const result = await Filesystem.readFile({
      path: 'errorNotebook.json',
      directory: Directory.Data
    })
    return JSON.parse(atob(result.data))
  } catch {
    return null
  }
}
```

### 3.4 Sprint 2：Bug修复与优化

**问题1**：App白屏崩溃

WorkBuddy诊断：
> "添加全局ErrorBoundary，防止子组件崩溃导致白屏"

```javascript
class ErrorBoundary extends React.Component {
  state = { hasError: false }
  
  static getDerivedStateFromError(error) {
    return { hasError: true }
  }
  
  render() {
    if (this.state.hasError) {
      return <div>出错了，请刷新页面</div>
    }
    return this.props.children
  }
}

// App.jsx
<ErrorBoundary>
  <App />
</ErrorBoundary>
```

**问题2**：豆包AI配置错误

WorkBuddy帮我修复：
```javascript
// ❌ 错误
const endpoint = 'https://api.doubao.com/v1/chat/completions'

// ✅ 正确（火山引擎）
const endpoint = 'https://ark.cn-beijing.volces.com/api/v3/chat/completions'
const body = {
  model: 'doubao-pro-4k',
  endpoint_id: endpointId, // 豆包需要推理接入点ID
  messages: [...]
}
```

## 四、成果展示

### 4.1 App界面

**拍照识别界面**：
- 支持相机拍照和相册选择
- 支持批量识别
- 自动分类（科目/章节）

**错题本界面**：
- 时间线展示
- 科目筛选
- 掌握状态切换
- AI分析错因

**复习界面**：
- 艾宾浩斯曲线提醒
- 今日/逾期/待复习分类
- 逐题复习模式
- 相似题生成

### 4.2 技术成果

| 指标 | 数值 |
|------|------|
| 开发周期 | 4周 |
| 代码行数 | 3000+ |
| 功能模块 | 5个 |
| AI能力 | 3种（识别/分析/生成） |
| 平台支持 | Android/Web |

### 4.3 效率对比

| 任务 | 传统方式 | WorkBuddy方式 | 提升 |
|------|---------|--------------|------|
| 需求分析 | 3天 | 2小时 | **12倍** |
| 代码编写 | 2周 | 1周 | **2倍** |
| Bug修复 | 3天 | 1天 | **3倍** |
| 总周期 | 8周 | 4周 | **2倍** |

## 五、WorkBuddy的核心价值

### 5.1 作为"技术顾问"

WorkBuddy帮我：
- 设计技术架构
- 选择技术栈
- 诊断技术问题
- 提供解决方案

### 5.2 作为"代码助手"

WorkBuddy帮我：
- 编写核心代码
- 修复Bug
- 重构代码
- 优化性能

### 5.3 作为"项目经理"

WorkBuddy帮我：
- 制定开发计划
- 跟踪进度
- 风险预警
- 质量把控

## 六、经验总结

### 6.1 成功经验

**1. 自然语言驱动**
- 不需要学习复杂的框架语法
- 专注于业务逻辑
- WorkBuddy自动转换为代码

**2. 迭代开发**
- Sprint 1：核心功能
- Sprint 2：Bug修复
- Sprint 3：性能优化
- 每周交付可用版本

**3. 问题诊断**
- WorkBuddy能快速定位问题
- 提供具体解决方案
- 自动修复代码

### 6.2 踩过的坑

**坑1：API端点错误**
- DeepSeek OCR端点不存在
- 豆包域名错误
- 解决：WorkBuddy诊断后修正

**坑2：数据持久化**
- App重装后数据丢失
- 解决：使用Capacitor Filesystem

**坑3：全局错误处理**
- 子组件崩溃导致白屏
- 解决：添加ErrorBoundary

## 七、未来规划

### 7.1 短期目标

- 上线iOS版本
- 添加错题导出功能
- 优化AI识别准确率
- 添加学习报告功能

### 7.2 长期愿景

- 支持多学科
- 支持OCR手写识别
- 支持语音录入
- 支持家长端监控

## 八、结语

**4周前，我还是一个不懂React Native的家长。**

**4周后，我开发出了自己的错题整理App。**

这就是WorkBuddy的魔力——它让"不可能"变成"可能"，让"不会"变成"会"。

WorkBuddy不是简单的AI工具，而是真正能干活的"AI同事"。它帮我想方案、写代码、修Bug，我只负责提需求和验收成果。

**如果你也有一个想开发但迟迟未动手的App，强烈建议试试WorkBuddy。**

它会让你的开发效率提升2倍，让你的学习曲线变平，让你的创意快速落地。

---

**作者**：Folk Claw  
**项目**：Error Notebook  
**日期**：2026年3月18日

错题记录难：孩子做错的题目，要么记在笔记本上（容易丢），要么拍照存在手机里（找不到）

# 从0到1：我用WorkBuddy开发了一个错题整理App

架构设计

家长利用WorkBuddy AI工作台4周开发错题整理App，实现拍照识别、智能分类、艾宾浩斯复习计划、AI生成相似题等功能，解决传统错题本易丢失、复习效率低的问题，开发效率提升2倍。

数据丢失

智能体

Android

Flutter

JSON

2026采购季 | AI焕新·智启新局

domain

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

# 从0到1：我用WorkBuddy开发了一个错题整理App-腾讯云开发者社区-腾讯云

# 从0到1：我用WorkBuddy开发了一个错题整理App

# 从0到1：我用WorkBuddy开发了一个错题整理App

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐