> 我是开车劳动的蚂蚁，一个每天跟娃作业搏斗的家长。
>
> 先泼盆冷水：**搓台子本身不难，难的是"往里填什么"。** 我看到太多界面精美、动效酷炫的台子，问一句"你每天让孩子看什么"就露馅——框架搭好了，内容得自己一条条喂。
>
> 所以我跟大多数人反着：**先定内容，再搭台。**
>
> 这篇是我用 WorkBuddy 从 v1 搓到 v16 的完整记录——包括踩过的坑、弯路后定下的原则，和那个让台子"活起来"的关键转折。全程真实界面截图，照着就能复刻。

---

## 一、先用 WorkBuddy 跑一个最小工作台

WorkBuddy 上线了「工作台搭建」能力，还接进了成长计划——体验就能拿积分。我最早也是从这里开始的。

在 WorkBuddy 的对话里，对专家说一句需求，它就能生成一个可运行的单文件页面。我的第一句需求大概长这样（就是直接在 WorkBuddy 对话里敲的）：

> "帮我做一个学生自主学习工作台，包含每日计划、学习打卡、番茄钟、错题本、数据分析，界面清爽，数据存在本地。"

![截图_WorkBuddy完整界面_第一句需求_打磨.png](https://developer.qcloudimg.com/http-save/yehe-12678084/b5cafe8c8863e4e72001c55ddd901096.png)
截图：完整操作现场——左侧任务导航 + 右侧对话区，输入框里那句就是开启一切的第一句话*

几分钟后，WorkBuddy 给了我一个能点开的 HTML 文件。

**这一步的关键不是完美，是验证。** 先确认这个形态对你真有用，再决定加功能。我自己第一个版本做完兴奋三天，第四天娃打开看一眼说"这啥"就再没主动点过——因为里面是空的，没有他真正要用的内容。

---

## 二、我的真实迭代路线：从 1 个页面到 12 个模块

那个最初版本现在已经被我迭代了 16 次。

我把整个过程分成三个阶段，你在 WorkBuddy 里搭建时可以直接对照。每个阶段后面都配了当时的真实界面——**先看文字理解「干了什么」，再看界面看「长什么样」**：

### 阶段一：验证（迭代 1-3）

只保留最核心的闭环：今日总览 + 学习任务 + 学习打卡。

目标只有一个：**每天早上打开，知道今天要做什么；晚上打卡，能看到完成了多少。**

不要加花里胡哨的模块。这个阶段如果都不天天用，后面的没必要做。我 v1 到 v3 长什么样？就一个白底页面，顶部一行日期，中间三个按钮，底下一条打卡记录。丑，但娃第一天就打卡了——因为它够简单，打开就知道干啥。

![图④V1极简验证版_v2.png](https://developer.qcloudimg.com/http-save/yehe-12678084/c0b1dd6609028f7a46dd87117a78d280.png)

*图④：V1 极简验证版（迭代 1-3）——三个按钮就是全部，丑但能跑*

### 阶段二：扩展（迭代 4-9）

当基础闭环跑顺后，我开始围绕"学习"这个场景做加法。每个模块都不是凭空想的，是娃用了一阵子后暴露的真实痛点逼出来的：

- **学科管理**：娃同时学 5 科，时间全糊在一起，数学和英语的练习混着做，效率低。加上后每科有独立颜色和时长，一眼分清。
- **番茄专注**：一坐两小时其实在发呆。25 分钟一段逼出真专注，休息 5 分钟反而更可持续。
- **错题库**：同一道题错第三次，我才意识到"这不是粗心，是没真懂"。能回看、能标掌握程度，复习时有据可依。
- **读书笔记**：读完一本书啥也没留下。加了个极简记录框，书名+一句话收获，积少成多。
- **目标管理**：学期目标永远停在"我要考好"这种空话。拆到周、再拆到日，目标才落得了地。

**加模块的原则是：每个新模块都要从现有数据里拿东西，而不是另起一套数据。**

比如番茄钟的时长，要算进今日总览的"今日专注时长"；错题本的完成率，要影响数据分析里的"薄弱点统计"。这样模块之间才会互相放大价值，而不是变成一堆互不相干的孤岛。
![图⑤V4加模块版_v2.png](https://developer.qcloudimg.com/http-save/yehe-12678084/c0bdbec236da7b27789b30ffa488f6e8.png)
*图⑤：V4 加模块版（迭代 4-9）——围绕学习场景做加法，页面开始变厚*

### 阶段三：贯通（迭代 10-16）

最后几次迭代，做的全是"连接"，也是整个台子从"工具"变成"中枢"的转折点。这个大阶段里，又分了两小步——

#### 第一步：资料库打通（迭代 10-13）

- **资料库打通**：把我自己整理的"五模块"学习资料接进来，能按学段、年级、学科筛选，能搜索，能直接在应用内打开
- **本地缓存**：因为资料文件路径可能变、浏览器 `file://` 协议有安全限制，我用 IndexedDB 把导入的 HTML 文件缓存到浏览器本地，这样即使原始资料文件夹移动了，点模块照样能看

这一步做完，台子第一次"有料"了——点开一个知识点，底下挂着的不再是空壳，而是现成的五模块内容。

![图⑥V10连资料库版_v2.png](https://developer.qcloudimg.com/http-save/yehe-12678084/9fe7ff5db6381cc1437de2444a1135c9.png)

*图⑥：V10 连资料库版（迭代 10-13）——五模块资料接进来，左侧九项导航，界面终于"有内容"*

#### 第二步：AI 智能 + 数据贯通（迭代 14-16）

- **AI 智能输入**：WorkBuddy 生成的台子里，右下角的 AI 助手能听懂"七年级有理数"、"打开错题库"这类自然语言指令，娃不用记菜单在哪
- **数据分析**：把打卡、任务、错题、专注时间汇总成周报和热力图，哪天划水、哪科薄弱，一眼看出

**一个真实插曲**：AI 智能输入刚加时，我让它"打开数学"，它给我弹了个购物网站。后来才发现是训练数据里"数学"关联偏了，我专门喂了一批指令样例（"七年级有理数""初三物理浮力"）才调准。所以别神话 AI 输入，它也需要你教。

![图⑦V16智能化当前版_v2.png](https://developer.qcloudimg.com/http-save/yehe-12678084/e2a37d89a67554920df5b82bcd807645.png)

*图⑦：V16 智能化当前版（迭代 14-16）——AI 输入 + 数据看板，台子从"工具"变成"中枢"*

![图①模块架构图.png](https://developer.qcloudimg.com/http-save/yehe-12678084/7454f36aea1a289d6e89622f80ebabc2.png)

*图①：12 个模块分四层组织，不是堆功能*

---

## 三、12 个模块是怎么组织的？

很多人看我截图，以为只是把很多功能塞到一个页面里。其实模块之间是有层次的：

**计划层**：今日总览、今日打卡、学习任务、目标管理
**执行层**：学科管理、学习打卡、番茄专注、资料库
**检查层**：错题库、数据分析
**激励层**：读书笔记、日历
**贯穿全局**：AI 智能输入、本地持久存储

你可以根据自己孩子 / 学生 / 自己的需求，只保留其中 3-5 个模块先用起来。我的 12 个模块是跑了半年多，一个场景一个场景加出来的，不是一次建成的。

---

## 四、让台子"活起来"的关键：五模块资料库

前面反复提到的"五模块"，值得单独讲——因为它不只是一个功能，是我整套学习法的**内容引擎**，也是这个台子最终能每天被娃主动打开的根本原因。

所谓五模块，是每个知识点卡片下面挂的五个标签：

- **📌 思维导图**：把零散知识捋成一张结构化网（比如"一元二次方程"——概念、直接开平方法、配方法、公式法，娃清楚知道"就这四种情况"）

![③_思维导图_知识骨架.png](https://developer.qcloudimg.com/http-save/yehe-12678084/25eeb6e5733698d270f67218e5897e70.png)

*五模块之一：思维导图——让娃看到知识的全貌，而不是一堆碎片*

- **📌 速查表**：考前一眼抓重点（四种解法对比 + 判别式与韦达定理，期中期末前最值钱）

![④_速查表_解法对比.png](https://developer.qcloudimg.com/http-save/yehe-12678084/ed5fad543cbaf631bb42e949bc17de53.png)

*五模块之二：速查表——考前救命纸，四种解法一表打尽*

- **📌 互动练习**：分层选择题，不会的当场追问，像旁边坐了个不情绪化的家教

![⑤_互动练习_分层刷题.png](https://developer.qcloudimg.com/http-save/yehe-12678084/f8413028f69b49cbc47a90f91e08ef89.png)

*五模块之三：互动练习——从第1题到第10题，不会当场追问不直接给答案*

- **📌 生活化手册**：把课本抽象概念翻译成生活例子（抛球轨迹讲二次关系，利润最大化讲求顶点）

![⑥_生活化手册_场景理解.png](https://developer.qcloudimg.com/http-save/yehe-12678084/c815344e454a56846132078919ea4a40.png)

*五模块之四：生活化手册——死知识变活，抛球轨迹就是二次函数*

- **📌 易错点避坑**：红框标错误写法、绿框给正确答案，经典坑一目了然

![⑦_易错点避坑_红标绿对.png](https://developer.qcloudimg.com/http-save/yehe-12678084/8b0696f7be8e748febb6d0875af0a0a8.png)

*五模块之五：易错点避坑——红框标错、绿框给对，四个经典坑一次扫清*

**为什么它重要？** 前面说过：搓台子本身不难，难的是往里填什么。空台子摆那，每天让孩子看啥？五模块就是我提前整理好的"内容燃料"——接进工作台后，娃点开任何一个知识点，底下都是现成、和课标同步、经过验证的五个维度。

**它同时也是我的内容资产**：我在做这套资料时，本身就在 WorkBuddy 里沉淀可复用的学习素材。台子是孩子用的"交付层"，而这套资料既能喂给台子，也能整理成给家长看的图文——这才是"先定内容再搭台"的真正含义：**内容才是内核，台子只是容器。**

![截图_资料库主题卡片有料_打磨.jpg](https://developer.qcloudimg.com/http-save/yehe-12678084/adf0ba8e3288ba74c1203b5c34edf81b.jpg)

*图：真实资料库长这样——每张主题卡片底下挂着完整的五模块标签（思维导图/速查表/互动练习/生活化手册/易错点避坑），点开就是现成内容*

---

## 五、资料库弹窗空白？我踩过这个坑

很多网友复制工作台后，发现"点模块弹出来是空白的"。

![截图_资料库导入弹窗空状态_打磨.jpg](https://developer.qcloudimg.com/http-save/yehe-12678084/f2e9f26a20fe30b094470cff44b79766.jpg)

*图：这就是"弹窗空白"的源头——资料库没导入时，模块点开没东西可显示*

我一开始也遇到这个问题。原因是：

1. 工作台是本地 `file://` 打开的
2. 资料文件在另一个文件夹里
3. 浏览器安全策略禁止 `file://` 页面里的 iframe 加载另一个 `file://` 目录下的文件

网上很多教程会让你改浏览器启动参数，或者把文件放同一目录，但都不够稳。**我亲测过改启动参数——重装浏览器就失效；放同目录——资料一多就乱成一锅粥。**

我的最终方案是：**导入资料时，把 HTML 文件内容写入 IndexedDB（浏览器本地数据库）；点击模块时，从 IndexedDB 读取并生成 Blob URL 显示。**

这样有几个好处：

- 不再依赖原始文件路径，资料文件夹移动后照样能看
- 打开速度变快，因为文件已经在本地
- 可以只导入一个学科、一个年级，甚至一个单元，系统会自动识别范围

实测我那套资料库：2658 个 HTML 文件，总共 18.5 MB，导入几秒完成，浏览器毫无压力。

![截图_资料库导入成功绿条_打磨.jpg](https://developer.qcloudimg.com/http-save/yehe-12678084/eae42b3bb8bd6f7fa161ccad0cd13936.jpg)

*图：导入后绿色提示——文件已本地化存储，模块直接打开，不再依赖原始路径*

![图③资料库流程图.png](https://developer.qcloudimg.com/http-save/yehe-12678084/18eaff9d2373a35c94c8857fc455ec2c.png)

---

## 六、一图看全貌：16 次迭代时间线

前面三个阶段的界面证据都看过了，这里把整条时间线拉通，方便你对照自己的进度：

![图②迭代时间线.png](https://developer.qcloudimg.com/http-save/yehe-12678084/68bc3fbc96fa5937a0ca35297964aa74.png)

*图②：验证（1-3）→ 扩展（4-9）→ 贯通（10-16），完整迭代节奏一览*

---

## 七、如果你想复刻，按这三步走

### 第一步：用 WorkBuddy 生成 MVP

打开 WorkBuddy，用工作台搭建能力，用一句话描述你最需要的 2-3 个功能。

**不要一次说太多。** 把需求控制在一张 A4 纸能讲完的范围内。

示例提示词：

> "帮我做一个学生每日学习工作台，功能包括：今日待办清单、番茄钟、学习打卡。界面用青绿色系，数据存在浏览器本地，单文件 HTML。"

生成后点部署，拿到链接，自己先用三天。

### 第二步：只加一个你最痛的模块

用三天后，你会发现最缺什么。比如：

- 如果总是完不成计划 → 加"目标管理"，把大目标拆到周
- 如果错题反复错 → 加"错题库"
- 如果资料太散 → 加"资料库"（记得用第四节讲的五模块思路组织内容）

**每次只加一个模块，加完再用一周。** 这是避免工作台越来越臃肿的关键。

### 第三步：把数据接到一起

当你有 3-5 个模块后，开始做"连接"：

- 番茄钟的时长 → 写入今日总览的专注时长
- 任务完成率 → 写入数据分析的周报
- 错题标签 → 反向影响明日推荐任务

这个步骤通常需要和 WorkBuddy 反复沟通几次，让它理解你的"数据字典"。我建议你把自己的数据结构写成一个简短文档，发给它参考。

---

## 八、避坑清单（每条都附我踩过的真实代价）

1. **不要一开始就追求"专属提示词"**：先跑通一个官方生成版，确认形态后再迭代。*代价：我花一周调提示词，做出来的台子娃不用——因为内容空。*
2. **不要一次加太多模块**：每加一个，先用一周。*代价：v5 一口气加 6 个模块，娃打开就烦，退回 v3 用了两周才重新养成习惯。*
3. **不要把所有数据存在云端**：学习数据敏感，优先用 localStorage / IndexedDB 存本地。*代价：早期试过云同步，一次服务故障三天打不开，打卡断档。*
4. **不要忽略移动端**：加主屏幕后，要测试触摸、字号、弹窗高度。*代价：娃用平板打开，按钮小到戳不准，默默改用电脑版。*
5. **不要硬编码个人路径**：资料库路径要做成可配置，否则换一个电脑就失效。*代价：换笔记本后资料库全空白，重配半小时。*
6. **不要频繁重置缓存**：导入一次资料后，除非内容更新，否则不需要重新导入。*代价：误点重置，2658 个文件重新导入，虽快但白白慌了十分钟。*

---

## 写在最后

那位网友说"有点复杂，我还在学习阶段"。

其实真正复杂的不是工具，是**搞清楚自己到底想要一个什么样的学习闭环**。WorkBuddy 只是把它固定下来、让它每天自动提醒你。

如果你也想搭一个，我建议：

- **今天**：打开 WorkBuddy，跑一个最小版本
- **这周**：用一个模块，记录真实感受
- **本月**：根据感受，逐步加模块、做连接

我的版本能跑到今天，靠的不是一次性做出 12 个模块，而是每一版都真的在每天用。

半年下来最让我意外的不是台子多厉害，而是**娃现在自己打开台子打卡，基本不用我催**；而我的维护成本趋近于零——因为内容（五模块）早就备好，台子只是个稳定容器。这大概就是"先定内容再搭台"最好的回报。

**你们用 WorkBuddy 搭过什么台子？学习台 / 工作台 / 其他？评论区聊聊，互相抄作业 👇**

---

*小提示：这篇就是按 WorkBuddy 社区"详细教程"标准写的——有真实截图、有具体步骤。如果你也搭了台子，发出来既能帮人，还能在成长计划里攒积分，一举两得。*

—— 开车劳动的蚂蚁

*本文为真实搭建记录。配图均为本人 WorkBuddy 工作台真实界面与架构图。*


先泼盆冷水：搓台子本身不难，难的是"往里填什么"。 我看到太多界面精美、动效酷炫的台子，问一句"你每天让孩子看什么"就露馅——框架搭好了，内容得自己一条条喂。

我用 WorkBuddy 一句话搓出自主学习台，迭代 16 次后总结这套方法

我用 WorkBuddy 从一句话需求开始，16 次迭代搭出一个孩子自主学习中枢——从极简验证版到 12 模块智能化平台。全程零代码基础，踩过资料库弹窗空白、AI 输入翻车等坑。本文完整记录三阶段迭代路线 + 五模块内容引擎方案 + 可复刻三步法，附真实界面演进截图。

开发工具

人工智能

职业发展

从v1到v16，用WorkBuddy搭建学生自主学习工作台全记录。先定内容再搭台，五模块资料库让台子活起来。含12个模块组织逻辑、IndexedDB本地缓存方案、避坑清单，附真实界面截图，照着就能复刻。

数据分析

数据结构

数据库

WorkBuddy 

容器

2026上云采购 | AI焕新·智启新局

databuddy

腾讯云BI特惠9.9元起！


文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

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

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

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

社区新版编辑器体验调研

我用 WorkBuddy 一句话搓出自主学习台，迭代 16 次后总结这套方法-腾讯云开发者社区-腾讯云

我用 WorkBuddy 一句话搓出自主学习台，迭代 16 次后总结这套方法

我用 WorkBuddy 一句话搓出自主学习台，迭代 16 次后总结这套方法

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐