【Hello AI 科技致善】我用 SOLO 做了一个"诗中天地",让乡村孩子和李白杜甫一起写诗

我不是老师,也没有乡村支教的经验。但我记得自己上学那会儿,语文课学古诗词的流程就是,读一遍、翻译一遍、背下来、默写。至于这首诗到底好在哪里,老师偶尔讲几句,大部分时候靠我们自己体会。说实话,大多数时候什么也没有体会到。。。

我很难想象,在资源更有限的乡村课堂上,古诗词教学会是什么样子。

后来我想,与其想象,不如直接做点什么。AI 现在这么强,能不能让它帮老师把古诗词课变得有意思一点,让学生不只是背,而是真的能感受到诗的美?

于是我用 TRAE SOLO 从零开始做了"诗中天地"。它不是一个复杂的产品,打开浏览器就能用,不需要安装,不需要注册。但它做到了一件事:让李白、杜甫、王维这些诗人"走进"课堂,和学生聊天、讨论、一起写诗。

下面是项目的详细介绍,请查阅。

一、摘要

面向乡村中小学语文教师,在古诗词课堂教学场景下,提供一个零门槛、免安装、打开即用的 AI 唐诗教学互动工具。通过"诗会模式"让学生与李白杜甫"面对面"讨论诗歌、通过"创作模式"让学生与诗人协作写诗,将传统的"老师讲、学生背"变成沉浸式互动体验。目前通过完整功能开发、多轮迭代优化和模拟教学场景测试验证有效。

二、真实场景与需求

1、目标人群

乡村中小学语文教师,以及他们课堂上的学生。

2、痛点描述

一个很现实的场景是:乡村学校语文老师在教古诗词时,往往只能照着课本念注释、翻译字面意思、让学生背诵默写。一堂好的古诗词课,需要什么? 需要让学生理解诗人的情感、感受诗歌的意境、体会文字的美。但乡村学校通常没有多媒体课件资源,没有专业的教研团队帮忙打磨教案,一个老师可能要同时带语文、数学甚至英语,备课时间本来就捉襟见肘。

具体到"一步任务":老师想让学生理解《春江花月夜》为什么被称为"孤篇盖全唐",但自己能找到的辅助材料有限,课堂上最多就是放一段朗读音频、讲几句赏析,学生听得昏昏欲睡,最后还是靠死记硬背。

3、现有做法

现在老师们的常规做法是:自己从网上搜教案、找课件、下教学视频。但问题是:

1. 资源质量参差不齐:网上能找到的课件大多是城市重点学校的版本,和乡村学生的认知水平有差距

2. 缺乏互动性:PPT 再精美也是单向输出,学生被动接收

3. 难以持续:就算老师有热情,每天备课已经精疲力尽,很难持续花时间去找资源、做课件

三、作品介绍

“诗中天地” 是一个前端的网页应用,打开浏览器就能用,不需要安装任何东西,不需要注册账号。

核心功能有三个:

1、诗会模式,让学生和诗人"面对面"

老师选择一首唐诗(内置 16 首经典唐诗,涵盖初高中必背篇目),邀请 2-4 位诗人"出席"诗会。AI 会模拟李白、杜甫、王维等诗人围绕这首诗展开讨论,聊意境、聊用词、聊情感。

最关键的是,学生可以随时插话参与讨论。比如李白说"此诗气势磅礴",学生可以问"李白你觉得哪句最好?“,所有诗人会依次回应。这把传统的"听老师讲"变成了"和诗人聊天”,学生的参与感和理解深度完全不一样。

2、创作模式,让学生和诗人一起写诗

学生选择一位诗人,描述一个场景(比如"写一首关于打工人的诗"),诗人会给出 2-4 句候选诗句,学生可以选择采纳或放弃,最终组装成自己的诗。

这个过程中,诗人会讲解为什么这样用词、这句诗的意境是什么,学生在创作中自然就学到了炼字、意象、情感表达这些诗歌创作的核心技巧。

3、诗人群像,让诗人"活"起来

内置 10 位唐代诗人(李白、杜甫、王维、白居易、李商隐、张若虚、孟浩然、王昌龄、高适、杜牧),每位诗人都有完整的人物设定:生平简介、诗风特点、代表作品、AI 角色提示词。学生可以点击了解每位诗人,就像认识新朋友一样。

4、技术特点

- 零依赖:纯 HTML/CSS/JavaScript,打开 `index.html` 就能跑

- 双模式 AI:支持 DeepSeek API(需要配置 API Key),也有完整的本地模拟模式(不需要网络也能体验全部功能)

- 中国古典水墨视觉风格:书法字体、水墨配色、古典动画,本身就是一种文化熏陶

- 作品保存:学生创作的诗会自动保存到浏览器本地,关闭页面也不会丢

四、用 SOLO 实现的过程

整个项目从零开始,完全用 TRAE SOLO 完成。中间踩了不少坑,也深刻体会到了 SOLO 的能力边界和正确用法。

第一步:拆解任务

我没有一上来就让 SOLO “帮我做一个唐诗教学工具”,这种太泛的指令效果很差。我是这样拆解的:

1. 先搭基础框架(HTML 结构 + CSS 样式 + 页面导航)

2. 做诗人数据库和唐诗数据库

3. 做 AI 服务模块(对接 DeepSeek API + 本地模拟)

4. 做诗会模式(多人对话)

5. 做创作模式(一对一协作)

6. 做我的创作(作品保存)

7. 做响应式适配和细节优化

每一步都是一个独立的、可验证的小任务。

第二步:关键 Prompt 示例

搭框架时,我给 SOLO 的指令是:

“创建一个单页应用,包含首页、诗会模式、创作模式三个页面。使用中国古典水墨风格,配色用墨黑、纸色、金色。首页要有标题动画和功能入口。”

做诗人数据库时:

“创建 10 位唐代诗人的数据,每位诗人包含:姓名、字、朝代、诗风、代表作品 5 首、完整的 AI 系统提示词(让 AI 能模仿这位诗人的说话风格)。提示词要包含诗人的性格特点、说话习惯、擅长领域。”

做诗会模式时:

“实现诗会讨论功能:用户选择一首诗和 2-4 位诗人,AI 模拟诗人围绕这首诗展开讨论。每位诗人轮流发言,用户可以随时插话参与。讨论结束后停止,等待用户输入。”

第三步:踩过的坑

**坑一:**诗会模式变成"诗人自嗨"

最初我做的诗会模式是一个无限循环,诗人不停地自动发言,用户完全插不上话,也没有参与感。而且三位诗人一直在刷消息,API 调用费用蹭蹭往上涨。

后来我重新设计成了"回合制":开场讨论一轮后自动暂停,等用户参与;用户发消息后所有诗人依次回应;用户也可以点"继续讨论"让诗人再聊一轮。这样既节省 token,又让学生真正参与进来。

**坑二:**创作模式的诗句提取不稳定

最初我只用 `「」` 符号来提取诗句,但 AI 有时候会用 `“”` 或者直接换行,导致提取不到诗句,用户看不到"采纳"按钮。

后来我做了三级兜底:先尝试 `「」`,再尝试 `“”`,最后按换行提取类似诗句的行。这样不管 AI 返回什么格式,都能尽量提取出可采纳的诗句。

**坑三:**手机端布局反复出问题

诗人轮播在手机上用了虚拟滚动方案,结果把横向轮播变成了纵向列表,卡片样式全部乱套。折腾了好几轮才改成简单的 grid 布局,有时候最简单的方案就是最好的。

**坑四:**弹窗滚动穿透和状态残留

诗人详情弹窗在手机上滑动时,底部页面也跟着动(滚动穿透);切换诗人时弹窗的滚动位置没有重置。这些细节问题都是在实际使用中才发现的,逐个修复。

第四步:SOLO 的能力边界

通过这个项目,我对 SOLO 的使用有了几点体会:

1. 任务要拆得足够细:一次只做一件事,做完验证再继续

2. 给够上下文:SOLO 能记住当前会话的代码,每次指令都要说清楚"基于现有代码修改什么",而不是让它从头来

3. CSS 调试需要耐心:SOLO 对布局问题的判断有时候不够准确,需要反复看截图、描述问题、让它修改

五、成果展示

1、访问地址:https://poetry-ai-three.vercel.app/

2、项目代码:GitHub - sarahxu0205/poetry-ai: 一个让大众沉浸式走近唐诗、与李白杜甫等诗人对话唠诗、共写诗词的国风 AI 交互工具。 · GitHub

3、项目截图:

1)首页:水墨风格标题 + 三大功能入口

2)诗会模式:选择诗词和诗人 → 诗人讨论 → 用户参与

3)创作模式:选择诗人 → 描述场景 → 采纳诗句 → 完成创作

4)我的创作:已保存的诗作列表

5)诗人群像,展示所有诗人信息

4、核心数据

- 10 位唐代诗人:李白、杜甫、王维、白居易、李商隐、张若虚、孟浩然、王昌龄、高适、杜牧

- 16 首经典唐诗:涵盖《春江花月夜》《将进酒》《登高》等初高中必背篇目

- 5 种讨论主题:综合赏析、意境分析、格律探讨、情感解读、比较品评

- 5 种诗歌体裁:五言绝句、七言绝句、五言律诗、七言律诗、自由创作

- 15+ 场景诗句库:春天、秋天、月亮、送别、思乡、酒、山水、爱情、友情等

六、验证方式与下一步

1、已完成的验证

1)功能完整性测试:诗会模式、创作模式、我的创作、诗人详情等全部功能均通过手动测试

2)模拟模式测试:在无 API Key 的情况下,模拟模式能完整体验所有功能

3)响应式测试:在手机端和桌面端分别测试,修复了布局异常问题

4)多轮迭代优化:根据实际使用反馈,修复了诗会交互、诗句提取、弹窗滚动等 10+ 个问题

2、下一步计划

1)扩展诗词库:增加更多唐诗和宋词,覆盖更多教材篇目

2)添加教学辅助功能:如诗歌朗读(TTS)、默写练习、理解力测验等

3)离线部署方案:打包成 PWA 或 Electron 应用,让没有网络的乡村学校也能用

最后想说,我相信 AI 不只是城市里的"效率工具",它更应该成为乡村课堂里的“新老师”,不是替代人类老师,而是帮老师做那些一个人做起来太费力的事情,让每一个孩子都能感受到唐诗的美。

最后,附SOLO使用截图:

添加了一个新功能,在诗人群像页点击任意诗人卡片,进入详情后,就能跟他来一场跨越千年的云见面,就像交了一个新朋友一样。

1 个赞

投啦你的项目做的很好。
要是有空的话欢迎来我的贴子逛逛!【Hello AI 科技致善】中风失语的张爷爷,手机桌面点一下,说出了三年来的第一句”话“:"我饿了"

2 个赞

已投投投投

1 个赞