①摘要:
好的传授者,分享真实经验,把“怎么做”讲出来。
好的提问者,提出具体难点,把“卡在哪里”说清楚。
AI 把经验与问题变成可视化答案,让知识更容易理解和传播。
板书的形式还能帮助老师去绘制一些可能的讲解,这有助于提升课堂效率
②真实场景与需求:
1.学生、老师、AI熟练者
2.三个场景
2.1分享是关键,您可以直接填写分享你对某一个知识的见解,可能某一句话就能帮助别人快速理解的诀窍。
2.2提问也是关键,您可以针对你思考后的某个难点进行提问,也许有人能帮到你?
2.3AI辅助,大量会使用AI的热心人可以在看见上面的分享和问题后制作【可视化卡片】,让知识的传播不局限于文字。
3.板书形式帮助老师提升 课堂板书绘制效率。
③作品介绍:
我们的作品实现了一个初步的平台demo。
1.主站-提供200+预置黑板【六学科】
2.登录页-宣传我们的理念
3.分享大厅-欢迎你提问和分享。我们制作了美观的分享页面
④用 SOLO 实现的过程:
五、开发过程 -原型阶段solo开发记录-按对话顺序,开发历程记录
开发计划梳理
-
我想制作一个无状态主页
-
按标签分类
-
兼顾娱乐和教育
-
板书的形式呈现公式
-
内置图片,考虑成本可能需要写一个提示词引擎,然后预生成图片
-
考虑网站性能
-
不要登录
-
考虑加载速度,暂时不做反爬
前端约束
-
每一个设计素材,字体图标都要考虑用更适合的,不要使用默认的
-
不要做无意义的入口,必须和功能对应
第一版:
【备注:搜索按钮需要优化】
第二步,写提示词引擎
第一层:大类公式名称,比如勾股定理
第二层:prompt管理
第三层:hash图片名称-prompt对 管理
新尝试:生图给ai,然后加强提示词?
优化后:
- 提示词要求了占位的,所以当前图片是占位
两次提示词交互做到这个程度感觉很爽了
第三波,开始写云端提示词引擎。分层ai架构,生成的质量还不错喔看起来。
第4,5,6,7波写规范,写发生图包标准,上传图片标准,还有打包生图zip的脚本
- 这几步里的核心:prompt全局状态管理机制,防止上传的包分发出去回收重复等
执行 pnpm run generate。
执行 pnpm run dispatch。
从 dispatch 目录把 MD 拿走发给兼职画手。
画手交图后,传到 images 目录。
执行 pnpm run ingest,占位完成,同时 dispatch 里的 MD 自动消失,完美闭环!
- 回传zip管理方法
第一步:上传 在左侧文件树中,将压缩包拖拽上传到: 👉 /workspace/pipeline/images/ 目录下。
第二步:解压 在沙盒底部的终端(Terminal)执行以下命令,将图片释放出来:
Bash
cd /workspace/pipeline/images
unzip pkg_df06b9da7764.zip
(注意替换成实际的 zip 文件名)
第三步:全自动同步入库 图片解压出来后,只需回到 pipeline 根目录执行一句命令,系统就会自动读取 Hash、去重,并对齐到网站前台:
Bash
cd /workspace/pipeline
pnpm run ingest
第8轮 优化 ai “我想达到第一层启动即唤醒多层ai制作对应包,” 比如王者打野教学,
- ai说502了,沙盒出不去大模型,但它写好了md,我决定开始薅它。接下来我会薅足够多的提示词
第九波写边缘测试 预演上传失败情况,让ai归纳一下md 防止后面出问题找bug没有统一的管理方案
-
比如测试追加图片
-
测试图片混在一起
-
场景 1:向已有科目追加任务(比如追加小学数学)。系统会基于时间戳生成全新的包(例如
pkg_a1b2c3),绝不覆盖原有占位图,完美支持无限追加。 -
场景 2:画手漏交/部分交稿。系统状态会变成
1/3,并保留分发区的 MD 文件,明确知道还有多少没交。 -
场景 3:画手错误命名(没用 Hash,或者上传了无关文件)。
-
场景 4:重复上传同一张图。系统会识别 SHA256 指纹,直接静默处理防重复。
-
场景 5:网络或 API 宕机。自带强大的断点续传和高质量降级库。
-
查到一个问题:双 hash 很可能是“AI 模拟出来的静态值” 修复
-
改了网站名称
思考核心理念:有经验的传承,有ai的生图,有问题的询问
创建一个讲法大厅,
-
微调一下,增加可移动效果
-
增加浮动效果 增加不重叠
-
增加md下载
-
增加问题功能
-
区分问题/讲法 的差异色泽,
-
两个功能 一个主打分享,一个主打询问
-
修改增加trae的分享按钮。
优化
后续我们在部署后又增加设计了动态登录页面,分享页面。这些都是装饰性设计,和核心设计无关了。
核心就是skill+原型图设计。让ai实现
⑤成果展示:
最终产品链接:
知识、经验 共享卡片 体验链接:
开发者:
一、核心理念 -主站首页
二、分享者展示 - 分享你的想法
三、提问【提出你的问题 和 讲课感觉模糊的痛点!】
四、AI制作黑板照/视频 呈现文字
200+预设知识点黑板报 - 生图模型生成
视频show,这是未来的拓展。- 也是其它ai生成
用更生动的方式展示知识点
如果不能看视频链接:https://my.feishu.cn/wiki/KNtBwqLjViLYoBkKAaDcvGsFnph#share-WnG9dHL3so0II8xLtGkckX4TnHg
⑥验证方式与下一步
- 与年轻老师交流,他们说很酷。 我会促使他们尝试分享继续升级使用流畅度
2026.5.6更新
欢迎梦龙加入我们的 知识可视化X共享X黑板报助手的创作
梦龙带来了新的可视化模块,短视频式的知识叙述可视化方式。
新页面地址: 教育专项 | 教师 黑板报X知识点 共享平台
- 60+可视化动画


















