Workbuddy 实战案例：英语课堂实时互动教学动画与小游戏开发

一位大学老师临时求助，想用 Workbuddy 给初中英语课做一个能和学生英语对话的互动动画。全程不写一行代码，只用大白话描述需求，4 小时上线网页版。本文完整复盘开发流程与提示词，并附舒尔特方格小游戏案例，展示 AI 工具如何让普通教师变身开发者。

昨天，一位奋斗在教育研究战线的大学同学给我发信息，紧急求助，可否教老师用 Workbuddy 开发一个英语教学的课堂互动动画。

具体课程是初中英语第 8 册的《六尺巷》，需要在课堂演示，让学生和智能体人物进行英语对话。

以前没做过这种实时动画，但我觉得 Workbuddy 是可以完成的，于是就开始了尝试，经过 4 个多小时的各种尝试，终于上线了一个网页，先给大家看看效果：

点击下面链接，直接访问网页：

https://zhangying.meisha.tech

手机端页面：

这个动画内容，就是学生可以和网页中的人物进行英语问答。

开发工具

原理比较简单，设定课文中的主角，回答问题的范围，接入大模型，理解学生的发言，回复内容仅仅和学生探讨课文，学生提问是语音转文字，大模型回答问题后，再把文字转语音，播放出来。

整个实现过程，涉及到的工具有：

研发平台：Workbuddy；腾讯云。

语义理解，DeepSeek大模型，用API接入。

语音的识别转换，接入Minimax（可选），也可以用免费的。

网站的发布（可选）：阿里云服务器，这个对普通用户有点难。如果是老师自己上课用，不需要发布，直接让Workbuddy在本地电脑存储和打开网页就可以。

下面大致说一下流程，供大家参考，全称跟 Workbuddy 对话，自己不用写一行代码。

开发流程

1. 打消顾虑，开始动手

最难的就是开始，你要相信Workbuddy可以帮你解决问题，动手去尝试。

老师只当“导演”说需求，WorkBuddy 当“程序员 + 设计师 + 配音员”把东西做出来。先把需求和Workbuddy说清楚，生成一个智能体设计方案，经过老师的确认，再让Workbuddy开始研发制作。

提示词：

阅读并分析附件中的产品方案文档，以及当前文件夹内的网页产品代码。从以下五个维度进行系统性检查：项目结构合理性、功能完整性、运行性能、可访问性（a11y）、代码质量（可读性、可维护性、规范符合度）。第一步，梳理并输出问题清单，针对每个问题说明影响程度、对应的可优化点及改进方向。第二步，对发现的缺陷实施修复与优化，提升整体质量。第三步，将产品构建并部署发布为Agent应用，部署后验证各页面正常加载、核心功能可用，确保发布版本稳定。第四步，分别设计语音免费版本与AI语音API配置版本，提升AI语音交互质量。下面先开发发布一个语音免费版本。

2. 理清需求

用通俗易懂的话跟Workbuddy讲清楚你想做什么，给它提供必要的资料素材，譬如让workbuddy先把课文找出来，你给出教学目标。

再把你想要的想过描述出来。譬如：一个叫“张英”的虚拟英语老师，会听（腾讯云语音识别）、会想（DeepSeek 大脑）、会说（浏览器自带朗读），专教《六尺巷》，并带“教师守则”（不代写、只引导、每回一句加一问、≤45 词）。

3. 六步流程

第1步：打开 WorkBuddy，新建对话（开项目文件夹）。

第2步：大白话描述需求（附了一段可直接复制发送的示例话术）

第3步：验收“三个器官”：“耳朵”麦克风说话可以变文字，“大脑”理解学生的发言，“嘴巴”回复学生发言。

第4步：给两把“钥匙”（腾讯云 + DeepSeek 的 API 密钥，存进本地安全文件，提醒别乱发）。

第5步：本机启动试说英语。

第6步：用临时公网链接（隧道）分享，强调“临时、用完关、别挂钥匙”。如果只是老师个人上课，做到这一步就可以了。

第7步：注册阿里云，发布网站。（这个是可以发布到外网，拿到链接的都可以访问网站）。

你当导演，WorkBuddy 当技术团队；你用大白话描述张英该怎么教英语，它就做出会听会想会说的网页，试好就能临时分享，全程不用写代码，整个过程耗时42分钟。

后面又经过多轮调试修改，获得一个在线预览版本。

语音设置

可以用免费的，也可以自己接语音大模型的API，我接入了Minimax的语音模型。

想要获得一个稳定的在线访问版本，就需要部署到云空间，我选择了阿里云，因为原来有一个阿里云服务器，不需要重新购买。

如果没有原来的服务器，你可以直接在腾讯云购买部署，或许Workbuddy更懂腾讯云。

上就是我做这个互动英语课件网站的过程。

Workbuddy开发小游戏案例

下面再分析一个用Wrokbuddy做小游戏的案例，这个就非常简单了，大家都可以试试，真的是几句话做个游戏出来，还包括发布上线，复制链接转发分享给朋友玩

这个小游戏是我做出来参加workbuddy造物节活动的小作品。

欢迎先玩玩这个游戏，再看后面的提示词。

直接点击链接玩游戏，或许需要拷贝到浏览器打开。

https://schulte-grid-24051.app.workbuddy.host/?sharecode=R3ZZJEFU2I

下面是游戏界面，选择不同难度，点击下方【开始训练】就可以玩了，特别适合提升注意力，尤其是小学生的注意力提升，大家试试看。

开始后的游戏界面，数字方格的难度从 3×3 一直到 9×9。

这个是Workbuddy 1024造物挑战活动的链接，提交作品，最少可以获得500积分。

https://www.workbuddy.link/p/8QYARuAmZ9RgQty3FSzNUs?source=2

这个页面，估计也是用Workbuddy开发的，哈哈，产品运营经理自己就把这个活动开发的活干了吧。

下面是这个开发过程的链接，有兴趣的可以马上试试，在workbuddy敲入下面的提示词：

舒尔特方格游戏开发提示词：

开发一个舒尔特方格（Schulte Grid）注意力训练网页游戏，玩家需按数字从小到大依次点击方格。游戏应支持多种方格尺寸（如3×3、4×4、5×5、6×6、7×7、8×8、9×9）与难度选择，包含计时、最佳成绩记录与完成提示。界面采用响应式设计，适配手机端屏幕，支持触摸直接操作，无需安装即可在浏览器中打开游玩。将其打包为可在线部署的静态网页，含开始、重玩按钮及成绩展示功能。

本文由人人都是产品经理作者【Blues】，微信公众号：【BLUES】，原创/授权 发布于人人都是产品经理，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议