【Hello AI 科技致善】用 SOLO 打造面向乡村教师的免费小学教学工具箱

【Hello AI 科技致善】用 SOLO 打造面向乡村教师的免费小学教学工具箱
:pushpin: 摘要
上大学以来,我做过家教,也去过支教。我见过一个老师用几个纸盒子在讲台上摆立体图形,后排的孩子伸着脖子也看不清;我也见过一个孩子拿着铅笔在纸上画了又擦、擦了又画,怎么都想象不出来"从左边看"到底长什么样。

那些画面我一直记着。

所以我用 SOLO 做了一个免费的小学教学工具箱——目前上线了第一个工具:3D 立体图形与三视图。学生可以在屏幕上自己搭积木,一键从四个方向去看,直观地理解"视角变了,形状也变了"。

整个项目,我没有写过一行代码。

:school: 为什么做这个
我见过的
做过家教、去过支教之后,我心里一直有个结。

我见过乡村学校的老师,一个人带好几个班,白天上课、晚上批作业,还要自己做课件。讲三视图的时候,只能在黑板上画几个歪歪扭扭的正方形,然后跟孩子们说"你们想象一下,从左边看是什么样子"。孩子们瞪着眼睛,很努力地在想,但很多人真的想象不出来。

不是他们笨。是他们从来没有机会,亲手拿起一个立体图形,转一转,从不同的角度去看一看。

我也见过城里的孩子,家里有积木、有平板、有各种益智玩具,学三视图的时候轻松很多。同样的知识点,因为工具的不同,差距就这么拉开了。

市面上不是没有好的教学软件,但动辄几百上千的年费,乡村学校负担不起,很多家庭也不舍得。

有些差距,不是因为不够努力,而是因为起点不同。

我想做的
我不是教育专家,也没法改变大环境。但我想,如果有一个工具,打开浏览器就能用,不用花钱,不用安装,老师上课投屏就能演示,学生自己也能在手机上操作——那至少能让一些孩子,多一次"原来是这样!"的机会。

哪怕只是一个小小的三视图工具,哪怕只能帮到一个老师、一个孩子,我觉得也值得。

:hammer_and_wrench: 作品简介
不只是一个工具,是一个平台
我给这个项目起名叫**“小学教学工具箱”**,因为它不应该只是一个三视图工具。我的设想是:搭建一个可扩展的平台,涵盖数学、语文、英语、科学各科目,每个工具解决一个具体的教学痛点。

目前规划了 9 个工具,第一个已经上线:

Plain Text

:books: 小学教学工具箱
├── :triangular_ruler: 数学
│ ├── :white_check_mark: 立体图形与三视图(五年级·观察物体)← 已上线!
│ ├── :clipboard: 分数可视化(三年级)
│ ├── :straight_ruler: 面积与周长计算器(三/五年级)
│ ├── :multiply: 乘法表互动练习(二/三年级)
│ └── :bar_chart: 坐标系绘图工具(六年级)
├── :memo: 语文
│ ├── :writing_hand: 笔顺演示(一/二年级)
│ └── :input_latin_letters: 拼音学习(一年级)
├── :input_latin_letters: 英语
│ └── :card_index: 单词卡片(三年级起)
└── :microscope: 科学
└── :globe_showing_europe_africa: 太阳系模拟(六年级)
核心功能:3D 立体图形与三视图
这是第一个上线的工具,对应人教版五年级数学下册"观察物体"单元:

:ice: 自由搭建:正方体、圆柱、球体、圆锥四种几何体,8 种颜色,想怎么搭就怎么搭
:eye: 四视图实时同步:搭的同时,正面、左面、右面、上面的视图自动生成,用的是真实形状(球体投影是圆,圆锥投影是三角形)
:computer_mouse: 操作很简单:左键转视角、右键放图形、滚轮缩放——五年级的孩子也能上手
:radio_button: 一键切视角:正面/左面/右面/上面四个按钮,点一下就跳到标准角度
:package: 6 个经典案例:L 形、阶梯形、T 形、十字形、混合体、三层塔,老师上课直接用
:triangular_ruler: 可折叠面板:左右面板可以收起来,3D 区域尽可能大,投屏上课也清楚
技术上怎么做到的
说实话,我不是专业的前端开发者,连 JavaScript 都不太熟。这些技术选型全是 SOLO 帮我决定的,我只需要说"我要什么效果":

技术点 干什么用的
React 19 + TypeScript 整个网页的框架
Three.js(@react-three/fiber) 让浏览器里能显示 3D 图形
Canvas 2D 画三视图的那个面板
射线检测(Raycasting) 让图形能精准放到你想放的位置
自研投影算法 根据几何体类型算出真实的投影形状
:robot: 用 SOLO 实现的过程
一个不会写代码的人,怎么做出一个教学工具?
这个想法在我心里放了很久。我一直想做一个教学工具,但不会写代码,也就一直搁着。

后来我接触到了 SOLO,发现它可以听懂人话,然后帮你把想法变成代码。我想,那就试试吧。

第一天:从零到能看
我对 SOLO 说:

“帮我做一个小学五年级三视图教学工具,支持3D搭建和自动生成三视图”

然后它就搭出了一个基础的 3D 场景和三视图面板。虽然很粗糙,但那一刻的感觉是——原来我真的能做出来。

一个不会写代码的人,看着屏幕上出现了自己想象中的东西,那种感觉很难形容。

第二天:各种"不对劲"
开始用之后,发现一堆问题。但我发现,只要我把问题说清楚,SOLO 就能帮我修好:

3D 图形显示有"断片",像被刀切了一样 → SOLO 修了渲染深度的问题
圆柱和球体的三视图全是方块,根本不对 → SOLO 重写了投影算法,用真实的圆和三角形
每次我想转个视角,一松手就多放了一个图形 → 我跟 SOLO 说"能不能左键只管转视角,右键才放图形",它真的改了
这一天来回改了好多轮。但每改一次,工具就离我想要的样子近一步。

第三天:从"能用"到"好用"
我说"三视图和实际视角对不上",SOLO 发现是坐标轴方向算反了
我说"左视图和右视图好像反了",又改了 Z 轴镜像
我说"面板太占地方了,3D 区域太小",SOLO 做了可折叠面板
这个过程让我意识到:你不需要懂技术,你只需要知道自己想要什么。

第四天:从工具到平台
做到这里,我又想到:如果只是单个工具,能帮到的人太少了。那些乡村老师需要的,不只是三视图——他们需要分数可视化,需要笔顺演示,需要单词卡片……他们需要的是一整套工具。

我对 SOLO 说:

“这应该是一个涵盖各科目的教学平台,不只是单个工具。你帮我搭一个平台出来,后续我会推出更多功能。”

然后 SOLO 就搭出了完整的平台架构——侧边栏导航、工具注册系统、首页仪表盘。每个工具独立全屏运行,打开就是最大的操作区域。

回头看
整个过程,我没有写过一行代码。我做的只是:

把我在支教和家教中看到的那些画面,告诉 SOLO
把我用起来觉得"不对劲"的地方,反馈给它
把我脑海中的"理想工具",描述给它
SOLO 负责把想法变成现实。

这件事让我相信:AI 不只是技术人的工具。它可以是任何一个人的工具——只要你有一个想解决问题的念头。

:camera_with_flash: 成果展示
平台首页
打开工具箱,可以看到按科目分类的所有工具,已上线的工具可以直接使用,还在开发中的工具也有清晰的规划展示:

平台首页

3D 几何工具 - 操作界面
进入"立体图形与三视图"工具,左侧是几何体选择和颜色面板,中间是 3D 搭建区域,右侧是四视图实时面板。顶部有视角切换按钮,底部有操作提示:

实际效果 - 三层塔示例
加载"三层塔"预设(19 个方块,红/青/绿三色分层),右侧四视图自动生成对应的投影图形。正面、左面、右面视图清晰显示三层结构,上面视图显示各层的俯视轮廓(红色外圈、青色中圈、绿色中心):

三层塔示例

:white_check_mark: 验证方式
项目地址
GitHub 仓库:GitHub - yk2003430/teacher-tool: 小学教学工具箱 - 面向乡村教师的免费教学辅助平台 · GitHub
Gitee 仓库:teacher-tool: 小学教学工具箱 - 面向乡村教师的免费教学辅助平台
本地运行

Bash

先安装 Node.js(https://nodejs.org ),然后:

git clone GitHub - yk2003430/teacher-tool: 小学教学工具箱 - 面向乡村教师的免费教学辅助平台 · GitHub
cd teacher-tool
npm install
npm run dev
打开浏览器访问 http://localhost:5173 即可体验。

:light_bulb: 如果 GitHub 下载慢,可以用 Gitee 地址 clone: git clone teacher-tool: 小学教学工具箱 - 面向乡村教师的免费教学辅助平台

功能验证清单
首页能看到 9 个工具的分类展示
点击"立体图形与三视图"进入工具页面
选择几何体 → 右键点击 3D 区域 → 图形精准放置
左键拖动 → 3D 视角平滑旋转
点击"正/左/右/上"按钮 → 视角跳转,三视图对应变化
加载预设示例 → 四视图正确显示
折叠左右面板 → 3D 区域最大化
:crystal_ball: 下一步
这个项目才刚刚开始。接下来我想做这些事:

国内部署:部署到国内平台,让老师直接打开网址就能用
开发更多工具:分数可视化、笔顺演示、单词卡片……一个一个做出来
收集反馈:把工具带给真正需要它的老师和学生,根据反馈持续改进
做离线版本:很多乡村学校网络不稳定,PWA 离线版本能解决这个问题
社区建设:让更多开发者参与进来,一起为乡村教育做点事
支教的时候,有个孩子问我:“老师,你下次还来吗?”

我说来的。但后来因为各种原因,我没有再去。

做这个工具的时候,我一直在想那些孩子。我没办法去到每一所乡村学校,但我可以做一个工具——让那些缺少教具的老师多一份力量,让那些想象不出三视图的孩子多一次"啊,原来是这样!"的机会。

我不会写代码,但 SOLO 帮我把想法变成了现实。我想,也许还有很多像我一样的人——心里有想做的事,但被"不会技术"挡在了门外。AI 可以成为那扇门。

用 AI,让教育更公平一点。哪怕只是一点点。

加油,加油,可以部署一下

2 个赞