「Hello AI」赛道参赛作品：AI 教学助手
—— 让 AI 成为教育的光，照亮每一个渴望发光的孩子
摘要
我用 Trae SOLO 从零开发了一个面向乡村教育场景的 AI 教学助手 Web 平台，将 10 + 教学管理与学生关怀模块（分层作业系统、留守儿童心理健康档案、学情数据看板、智能备课、家校沟通助手等）打包成 “开箱即用” 的一站式解决方案：平台采用前后端轻量化架构，支持 PC / 平板 / 手机多端适配，弱网环境下加载速度优化至≤1.5 秒，教师端与学生端功能完全隔离，同时内置 AI 能力封装的教学 Prompt 集，覆盖教案生成、作业批改、心理疏导、学情分析四大垂直场景。从一线教学需求调研、双端 10 + 页面开发、AI 教学场景 Prompt 工程优化到全流程功能联调与用户测试，全程由 Trae 辅助完成，解决了乡村教师教学任务繁重、留守儿童心理健康缺乏专业评估、教育资源分配不均等核心痛点
项目背景
我是一名工科大一学生，我的父亲是一名乡村教师。从小到大，我看着他为了乡村里的孩子们，日复一日地手写教案、批改作业、挨个找学生谈心，常常忙到深夜。
在我父亲的耳濡目染之下，我也了解了，乡下学校里老师和学生的痛点，由于平台以及资源的倾斜，导致好多人产生了一些知识上的壁垒。
于是，我和父亲一起，用 Trea 搭建了这个 AI 教学助手。目的是尽可能的去帮助乡村教师以及学生，有更好的平台以及资源。
项目定位
这是一款专为乡村教育场景打造的 AI 教学助手，同时提供教师端与学生端，用轻量化、低门槛的 AI 工具，解决乡村教学中的三大痛点：
-
教师负担重：教案、作业、评语、考勤，全流程 AI 辅助，解放老师精力
-
学生关注少：留守儿童心理健康、学习数据追踪，AI 助力个性化关怀
-
资源不均衡：分层作业、错题分析、成长记录，让乡村孩子也能享受精细化教育
核心功能展示
本平台致力于解决乡村学校教学以及学生学习的问题，所以共分设教师端和学生端两个端口，两个端口相互互通，极大的方便了教学任务的开展。
教师端：AI 赋能，让教学更轻松
-
分层作业系统：根据学生水平一键布置基础 / 进阶作业，再也不用熬夜手写不同难度的题目。
-
AI 心理健康档案：针对留守儿童智能分析心理状态，自动生成关怀方案，重点学生一目了然。
-
考勤奖惩管理：快速记录学生出勤情况，班级事务高效处理。
-
智能备课 / 评语生成：AI 自动生成教案与个性化评语，让老师把更多时间留给课堂和孩子。
-
家校沟通助手：搭建便捷沟通桥梁，打破乡村家校沟通壁垒。
学生端：温暖陪伴，让学习有温度
-
我的任务与成长数据：作业完成率、学习天数、已完成任务，学习进度可视化，看得见的进步
-
错题提示与分析：AI 帮你拆解错题，找准薄弱点，告别盲目刷题。
-
心理树洞：想说的话、压力和烦恼，都可以在这里倾诉，释放情绪。
-
温馨提示与校园公告：每日暖心小建议，学校活动、通知第一时间知晓。
-
成长记录：每一次努力都被记录，每一步成长都有反馈。
平台核心优势
| 优势 | 亮点说明 |
|---|---|
| AI 智能驱动 | 自动生成教案、评语、作业，让 AI 成为老师的得力助手 |
| 留守儿童关怀 | 专业心理健康评估，关注每一个孩子的成长状态 |
| 数据化分析 | 学生成长数据可视化，精准掌握学习情况 |
| 轻量化多端适配 | 适配电脑、平板、手机，乡村场景也能便捷使用 |
| 安全可靠 | 严格数据安全保护，守护师生信息安全 |
开发过程
一. 实际调研与研讨
首先我和我的父亲进行了详细的交流，清楚了，针对现在乡村学校教学上的痛点，然后，我的父亲指出了下面三条痛点，首先是，乡下孩子有很多是留守儿童，所以学生的心理健康是非常重要的一点，但是老师针对心理方面的了解不是很多，所以这个平台最最最重要的一点是AI对心理方面的指导，其次是教育资源的倾斜，由于乡下孩子数量持续减少，所以就导致很多的资源无法流到这些孩子手中，或者孩子分配的资源极少，所以第二个目标就是让老师通过这个平台对孩子们的学习情况进行实时了解，并且通过人工智能去尽量减小资源上的差距，最后一点就是减少乡村教师的教学压力，因为很多老师教的科目与其专业并不是很匹配，所以通过这个平台可以让老师的教学压力大大减小。
二.通过trea solo完成框架
架构展示（此项目未开源，目前仅部署在本地）
具体架构：项目根目录
├── .vscode/ # VSCode/Trae IDE 配置文件（含调试配置launch.json）
├── data/ # 数据存储目录（可存放学习记录、用户数据、AI分析结果）
├── node_modules/ # 项目依赖包（Node.js 后端运行所需库）
├── public/ # 静态资源根目录（前端页面、样式、脚本）
│ ├── css/
│ │ └── style.css # 全局样式文件（负责页面UI、响应式布局）
│ ├── js/
│ │ └── main.js # 前端交互逻辑（页面渲染、事件处理、数据交互）
│ └── index.html # 主入口HTML文件（教师端/学生端页面骨架）
├── modules/ # 功能模块目录（可存放AI接口封装、业务逻辑、数据处理模块）
├── index.html # 项目根页面（可作为路由入口/首页）
├── main.js # 主逻辑入口文件
├── server.js # Node.js 后端服务文件（静态资源托管、接口请求处理）
├── package.json # 项目配置文件（依赖管理、脚本命令）
└── package-lock.json # 依赖版本锁定文件
技术架构说明
-
前后端分离轻量架构
-
前端：纯 HTML/CSS/JS 实现，无复杂框架依赖，适配乡村低配置设备与弱网环境。
-
后端：Node.js 提供静态资源托管与基础服务，轻量无数据库依赖，部署成本低。
-
-
核心分层逻辑
-
视图层：
public/index.html+public/css/style.css负责页面渲染与 UI 展示，包含教师端、学生端双端界面。 -
交互层：
public/js/main.js实现前端交互逻辑，如任务提交、数据统计、AI 对话请求。 -
服务层：
server.js负责静态资源托管、路由分发、AI 接口请求转发。 -
业务层：
modules/目录可扩展 AI 教学相关逻辑，如心理健康分析、作业批改、学情统计等核心功能模块。 -
数据层：
data/目录存放本地数据文件，实现学习数据、用户信息的轻量化存储。
-
-
Trae 开发适配
-
内置
.vscode/launch.json调试配置，支持 Trae IDE 一键调试。 -
纯原生技术栈，Trae AI 可直接理解并辅助开发、调试、优化前端与后端代码。
-
无复杂构建流程，本地启动即可运行，无需额外编译打包。
-
关键 Prompt说明：
1.AI部署部分
我现在需要优化AI教学助手的首页，目标是把现有简陋的首页升级为高级科技感风格，适配Trae Solo Coder模式，直接生成可运行的HTML+CSS+JS代码。
要求：
1. 背景改为深色渐变，添加低亮度的动态粒子效果，营造科技感，不影响文字阅读。
2. 顶部的灯泡图标升级为渐变发光图标，带有轻微的呼吸动画。
3. 标题和副标题文字优化，标题加粗发光，副标题颜色柔和，排版居中对齐，间距合理。
4. 教师模式和学生模式的两个卡片升级为玻璃拟态效果，带渐变边框和悬浮阴影，hover时轻微上浮+背景光晕扩散，按钮也升级为渐变按钮，点击时有缩放反馈。
5. 底部添加居中的标语“献给每一位乡村教师与每一个渴望发光的孩子”，字体柔和，带轻微的文字发光效果。
6. 适配移动端布局，手机端卡片自动转为垂直排列，大小自适应。
7. 所有样式和脚本都写在一个HTML文件里，无外部依赖，直接打开就能运行。
2.教师端页面优化提示词
我现在需要优化AI教学助手的教师端页面，目标是把现有简陋的侧边栏和内容区升级为高级玻璃拟态风格，适配Trae Solo Coder模式，直接生成可运行的HTML+CSS+JS代码。
要求：
1. 侧边栏升级：深色玻璃拟态背景，选中项为蓝紫渐变高亮，带有流光动画；图标改为线性渐变图标，hover时变色放大；文字对齐整齐，hover时背景有半透明渐变效果。
2. 内容区优化：所有表单、按钮升级为玻璃拟态样式，输入框聚焦时有边框变色和光晕效果，按钮hover时缩放+渐变加深，点击时有加载动画。
3. 页面切换：点击侧边栏的不同功能时，内容区带有淡入淡出的过渡动画，无生硬跳转，实现单页路由效果。
4. 细节补充：页脚添加居中的标语，所有文字排版优化，字体清晰，标题突出；适配移动端，侧边栏可折叠，转为顶部导航。
5. 所有样式和脚本内嵌在HTML文件中，无外部依赖，直接打开即可运行。
3. 学生端页面优化提示词
我现在需要优化AI教学助手的学生端页面，目标是把现有简陋的界面升级为温暖治愈的清新风格，适配Trae Solo Coder模式，直接生成可运行的HTML+CSS+JS代码。
要求：
1. 整体配色改为浅蓝+薄荷绿的柔和渐变，背景用低饱和度的动态波纹效果，营造温暖治愈的氛围。
2. 顶部的问候语区域升级为圆角卡片，带有轻微的阴影和渐变边框，表情图标改为柔和的彩色图标，带有轻微的动画。
3. 功能卡片升级为玻璃拟态风格，hover时轻微上浮+阴影加深，图标改为彩色渐变图标，文字排版紧凑，按钮改为蓝绿渐变按钮，点击时有缩放反馈。
4. 下方的任务/提示区域优化，文字排版整齐，添加图标和分隔线，整体更清爽。
5. 页脚添加居中的标语，适配移动端布局，卡片自动调整为垂直排列，大小自适应。
6. 所有样式和脚本内嵌在HTML文件中，无外部依赖，直接打开即可运行。
最终可实现的功能
教师端功能（9个模块）：
-
心理健康档案 - 添加学生信息、AI心理分析 -
AI评语生成器 - 选择学生和评语类型生成评语 -
智能备课系统 - AI辅助生成教案 -
分层作业系统 - 布置分层作业 -
班级事务处理 - 管理班级事务 -
家校沟通助手 - 与家长沟通 -
考勤奖惩管理 - 记录考勤 -
课后服务活动 - 组织活动 -
AI使用规范 - 使用指南
学生端功能（6个模块）： -
我的任务 - 查看和完成任务（带进度条） -
作业查看 - 查看老师布置的作业
-
错题提示 - AI分析错题和薄弱点 -
成长记录 - 查看成长数据 -
心理树洞 - 写下心情释放压力 -
温馨提示 - 每天一条温暖建议