【More Than Coding】用 MTC摩托车模式开发一款班主任模拟器

【More Than Coding】MTC 摩托车 78 分钟干完班主任 24 小时的活,还顺手做了个游戏

在线体验地址:ClassOS 3.0

摘要

MTC最近上线,我最近全程 MTC 摩托车模式,零行手写代码,在2小时内开发完成了「ClassOS:消失的林同学」的完整产品设计——像素风桌面解谜游戏,12 个应用模块,15 条线索系统,22 个 8-bit 音效方案,5 份 Mock 数据文件,还有一个 Kimi K2.5 驱动的 7-Agent 多智能体系统架构。MTC 不是 Code 的低配版,它是代码之前的一切。


背景

我是彭超,OneOneTalk CTO、TRAE Expert、ADG 广州社区 Leader,有公众号ChaoGeek。

在当下,当班主任最痛苦的不是备课批作业——是每天有 50 个学生要关注,但你只有 24 小时。你永远在处理最紧急的事:张妈妈在群里投诉了、教务处催材料了、月考成绩出来了……

然后某一天,你突然发现,有个学生已经 1天没来了。繁忙的琐事分散了你的注意力。

这个项目就是从这个真实的痛开始的。

我本来只想做个"班主任用 MTC 摩托车提效"的 demo。但做着做着,方向变了——

我不想展示效率了。我想做一个让人停下来想一想的游戏。


实践过程

:motorcycle: 为什么叫"摩托车模式"?

MTC = More Than Coding。

但我更喜欢叫它"摩托车"——灵活、门槛低、谁都能骑,而且速度一点不慢。

这个项目从第一个字到最后一个组件,全程 MTC 摩托车模式

不是"用 MTC 做设计然后切 Code 写代码"——MTC 自己就把代码写了。

剧本?摩托车写的。 50 个学生的成绩表?摩托车造的。 132 人家长群聊天记录?摩托车编的。 Found-phone 游戏机制分析?摩托车拆的。 22 个 8-bit 音效的设计方案?摩托车出的。 React 桌面操作系统?摩托车写的。 12 个应用组件?摩托车写的。 像素风图标系统?摩托车写的。 Kimi K2.5 多智能体架构?摩托车画的。 你现在看的这篇帖子?摩托车写的。

没错——一个标着"More Than Coding"的模式,干了 Coding 的活,还干得很好。

这就是 More Than Coding 的真正含义——不是"不能写代码",是"不只是写代码"。 它能做设计、做数据、做分析、做文档——顺便,代码也能写。


:motorcycle: Phase 1:骑摩托写剧本(MTC 模式)

一上来我没碰代码。打开 MTC,先干最重要的事——想清楚这个游戏讲什么。

第一版剧本: 传统的 RPG 教师模拟器。8 个场景,A/B/C 选择题。

我自己看了一遍,一个字:烂。

像一个教育部出品的互动课件。毫无情感冲击力。

第二版: 我把参考方向改成了 A Normal Lost Phone 和 Replica——found-phone 类解谜游戏。不讲故事,让玩家自己翻出真相。

第三版(终版): 我让 MTC 帮我深度分析这两款游戏的核心机制,拆出了 5 个要素。发现我缺了两个致命的东西——

Gateway Lock(门锁链): 不是所有 app 都能打开。密码藏在已解锁的 app 里。每次找密码的过程中,你会"顺便"看到关于林铮的线索。你以为在解谜,其实在拼真相。

Active Task(主动任务): 开机弹出教务处通知——“林铮缺勤3天,请提交缺勤说明”。表单面板常驻右下角。随着线索增多,表单措辞从行政语气变成质问——

:warning: 心理老师5天前发了预警邮件。你没读。 :warning: 他在作文里问"还需要在吗"。你给了72分。

表单不是任务。表单是镜子。

这些全部在 MTC 模式里完成。不写一行代码,剧本三个版本的迭代 + found-phone 核心机制分析 + 完整的解锁链路设计。


:motorcycle: Phase 2:骑摩托造数据(MTC 模式)

为了让 demo 足够真实,我用 MTC 生成了 5 份完整的 mock 数据文件:

:bar_chart: 高二3班月考成绩.xlsx 50 个学生 × 4 次月考 × 6 科。林铮:441 → 406 → 355 → 310。全班倒数第一。趋势 ↓↓↓。

:clipboard: 学生信息表.xlsx 50 人完整画像。林铮行黄色高亮:成绩连续下滑,近期缺勤,需改进"情绪管理、自我认同"。

:speech_balloon: 家长群聊天记录.txt 132 人的群。张妈妈连环投诉座位问题。奶奶撤回了一条消息(我们永远不知道她写了什么)。心理老师私聊班主任"方便聊两句吗?"——未回复。

:family_man_woman_boy: 班级学生家庭情况表.xlsx 林铮:单亲(父),父母离异。父亲东莞务工长年不归。祖母独自抚养。

:memo: 工作室成员名单.xlsx 10 人班主任工作室,我是主持人。教龄 3-22 年。

这些数据不是随机生成的——每一条都和游戏剧情对齐。 林铮在成绩表里跌到最后,在家庭表里标注留守儿童,在聊天记录里奶奶撤回消息。

把这些文件丢进 MTC 做分析,AI 会自动"发现"林铮的异常——和玩家在游戏中的体验完全一样。


:motorcycle: Phase 3:骑摩托造游戏(MTC 模式)

是的,你没看错——MTC 模式可以写代码。而且写的是完整的 React 应用。

一句 Prompt:“创建一个像素风复古操作系统桌面,作为一个 React 单页应用。”

SOLO MTC 自己规划了项目结构、拆解了开发任务、生成了完整代码:

classos/
├── src/
│   ├── config.js          # 应用配置(12个应用定义)
│   ├── context/
│   │   └── OSContext.js    # 全局状态管理 (useReducer + Context)
│   ├── components/
│   │   ├── Desktop.jsx/css # 桌面图标网格 (3×4)
│   │   ├── Window.jsx/css  # 窗口系统(拖拽/关闭/最小化/z-index)
│   │   └── Taskbar.jsx/css # 底部任务栏
│   └── apps/
│       ├── WechatApp.jsx   # 微信
│       ├── GradesApp.jsx   # 成绩表
│       ├── FilesApp.jsx    # 学生档案
│       ├── EmailApp.jsx    # 邮箱
│       ├── AttendanceApp.jsx # 考勤系统
│       ├── HomeworkApp.jsx # 作业批改
│       ├── BrowserApp.jsx  # 浏览器
│       ├── ContactsApp.jsx # 通讯录
│       ├── TrashApp.jsx    # 回收站
│       ├── CalendarApp.jsx # 日历
│       └── PhotosApp.jsx   # 班级相册

右侧待办面板自动生成了 5 个开发阶段——和我之前在 MTC 里设计的 Prompt 执行包完全对齐:

  1. :white_check_mark: 放大全局样式+桌面+任务栏+窗口标题栏…

  2. :black_square_button: 放大邮箱+微信+成绩表+考勤字体

  3. :black_square_button: 放大作业批改+浏览器+日历+回收站字体

  4. :black_square_button: 放大相册+档案+通讯录+龙虾+结局+序幕…

  5. :black_square_button: 构建测试并截图验证

MTC 不只是想了怎么做。MTC 自己做了。


:motorcycle: Phase 4:骑摩托做音效设计(MTC 模式)

MTC 产出了完整的 22 个 8-bit 音效设计方案——每个音效的波形类型、频率、时长、音量、情绪目标,以及完整的 Web Audio API 实现代码(SoundEngine 类)。

我甚至在 MTC 里做了一个可交互试听的音效面板——点击按钮就能听到每个音效。

最关键的不是有音效的地方,是没有音效的地方:

  • 林铮微信里的"老师"两个字 → 没有提示音。 就是两个字,静静躺在那里。

  • QQ 空间"走了。"0评论 0赞 → 一声 65Hz 的极远低音。 几乎听不到。空洞。

  • 奶奶接通电话说"你终于打来了" → 完全静音。 只有文字。

克制是最大的力量。


:lobster: Phase 5:骑摩托设计龙虾军团(MTC 模式)

桌面右下角有个 ??? 图标。单击——“这里什么都没有。只是一只龙虾而已。…真的吗?”

双击——

屏幕 CRT 闪烁。桌面变暗红。打字机效果逐行出现:

[SYSTEM] Initializing OpenClaw Protocol...
[SYSTEM] Loading Clawmancer Architecture...
[SYSTEM] 7 Agents Standing By...

> Welcome, Commander. Your digital army awaits deployment.

这不是装饰。这是一个真正在运行的多智能体系统:

  • 7 个 Agent(Main + Briefing / Coding / Office / Planner / Podcast / Her)

  • Hub-and-Spoke 架构,Main 调度,Spoke 并行执行

  • Kimi K2.5 流式输出,6 个面板同时显示 Agent 工作过程

  • 通过 Vercel Serverless Function 代理,用的是我的 Kimi Coding Plan

玩家进来找林铮。走的时候,带走了一整套 AI Agent 军团。


MTC 摩托车在教育场景的战斗力

做完游戏之后,我又回头用 MTC 跑了"班主任的一天"——7 个真实场景:

:alarm_clock: 场景 传统 :motorcycle: MTC
07:00 主题班会方案 40min 5min
08:30 家长群危机公关 60min 8min
10:00 月考成绩分析 3h 10min
12:00 50人期末评语 8h 15min
14:00 公开课教案+PPT 4h 12min
16:30 心理排查工具 2h 8min
19:00 工作室教研 6h 20min
合计 ~24h ~78min

18 倍提效。


成果展示

  • :video_game: ClassOS React 应用: 完整项目,12 个应用组件,MTC 模式生成

  • :lobster: 龙虾彩蛋: Kimi K2.5 × 7-Agent 完整架构 + Prompt

  • :bar_chart: Mock 数据包: 5 份真实级别的班主任工作文件

  • :speaker_high_volume: 22 个 8-bit 音效: 完整设计方案 + SoundEngine 代码 + 可交互试听

  • :clipboard: MTC Demo: 班主任的一天 7 场景 · 24h → 78min

  • :page_facing_up: PPT: 12 页 Trae 品牌规范演示文稿

  • :memo: 全部在 MTC 摩托车模式完成——包括代码


效果与总结

MTC 摩托车到底干了多少活?

盘点一下这辆摩托车的里程表:

产出物 类型 细节
Story Bible × 3 版 剧本 从 RPG → found-phone → 桌面 OS,三轮迭代
Found-phone 机制分析 研究 5 要素拆解 + 2 个补丁设计
Gateway Lock 解锁链 系统设计 12 个 app 的完整密码依赖关系
Active Task 表单状态机 交互设计 4 阶段措辞变化(行政→质问→镜子)
Mock 数据 × 5 份 数据 50 学生 × 4 次月考 × 6 科 + 家长群 + 家庭表
ClassOS React 应用 代码 完整项目结构 + 12 个应用组件 + 状态管理
像素图标系统 代码 PixelIcons.jsx + SVG 像素风图标
窗口管理器 代码 拖拽 / 关闭 / 最小化 / z-index 层叠
22 个 8-bit 音效方案 声音设计 完整代码 + 可交互试听面板
Kimi K2.5 多智能体架构 系统设计 7 Agent × 完整 Prompt × Vercel 代理方案
像素角色 × 4 个 美术 可交互原型(带表情切换 + 对话框)
班主任的一天 × 7 场景 Demo Case 传统 24h → MTC 78min
PPT × 12 页 演示 Trae 品牌规范,Code绿 + MTC紫
参赛帖 内容 就是你正在看的这篇

从剧本到代码,从数据到部署方案——全是 MTC 一辆摩托车跑的。

这才是 More Than Coding 的真正含义

MTC 不是"不会写代码的 Code 模式"。

MTC 是什么都能干的模式。

它能写剧本、造数据、分析竞品、设计交互——然后转手就把 React 应用给你写了。它不在乎你给它的任务是"写一篇文案"还是"搭一个操作系统"。

More Than Coding = 不只是写代码 ≠ 不能写代码。

你以为它是辆摩托车,其实它是变形金刚。需要当产品经理,它是产品经理。需要当设计师,它是设计师。需要当码农——行,它也是码农。

而且它记得你之前聊过什么。 上午让它分析的成绩表,下午它还记得林铮排第 50 名。上周讨论的龙虾养缸六层架构,这周它直接用在了 Clawmancer 设计里。

这才是真正的 Agent——有 Memory、有 Context、有 Plan、有 Observability。不是一个会说话的搜索框。

可复用的方法

  1. MTC 做设计 → Code 做实现 的分工适用于任何项目——先骑摩托车想清楚,再开赛车造出来

  2. Gateway Lock + Active Task 是通用的玩家驱动力设计模式

  3. MTC 生成 Mock 数据 让任何产品演示效果拉满

  4. MTC 做竞品/机制分析 比你自己翻资料快 10 倍,而且结构化输出可以直接用

最后

这个游戏的主题是:

在忙碌的教育系统里,最需要被看见的孩子,往往最先被忽视。

我没有打开过 Code 模式。一辆摩托车从头骑到尾。

它帮我写了剧本、造了数据、做了分析、出了设计、搭了架构、写了代码、画了 PPT、发了帖子。

但最重要的不是它做了什么。是它让我有时间去想什么。

去想为什么每个教室里都有一个林铮。 去想为什么最需要被看见的孩子,总是最先被忽视。 去想技术到底应该帮人省时间做什么。

More Than Coding。远不止代码。


亲手试过,才有资格说。 —— Pong 彭超 · ChaoGeek · TRAE Expert


完整的多agent架构 都在彩蛋龙虾中 使用A2A

2 个赞

那我打一个完整的

1 个赞

主题寓意很棒,技术向善,不过一个系统一种密码整麻了,不做统一身份认证,老师可能都浪费在记密码上,更没时间关注孩子了….

2 个赞

怎么玩啊,一点思路都没有,我太菜了,但是看着好有意思

1 个赞

看了一遍,没看出来这是干嘛的,就记得一个摩托车

3 个赞

你是一个好老师

1 个赞

这个话题很多,方向也不同。会显得有点乱。

1 个赞

沉浸在自己的世界里了

2 个赞

哈哈哈 我也是

2 个赞

哈哈摩托车这个名字还挺适合MTC的

2 个赞

班主任模拟器太有意思了!我在想,真实的班主任面对特殊需求学生(比如自闭症孩子、言语障碍孩子)时该怎么沟通。我做的KineTap就是让这些孩子点一下手机就能"说话"的工具,让他们也能参与班级活动。如果模拟器里能加入这类场景,会让更多人理解特殊需求群体的困境。欢迎来我帖子看看!

2 个赞

太有意义了。学习了。

1 个赞

如果我说,我连邮箱密码都没有探索出来,会不会被鄙视:woozy_face:

1 个赞