AI 互动教材生成器

要解决什么问题

很多教学场景需要的是能点开就用的互动页面，而不是 PPT 或 Word：学生要能跟着步骤看、动手点、当场做题。自己写 HTML + CSS + 3D/动画，成本高；纯文档又缺少交互和即时反馈。这个技能面向的是：你给出知识点或一段教学内容，助手在对话里生成单文件 HTML，浏览器打开即可，无需安装运行时。

它如何工作

使用方式是在 WorkBuddy / CodeBuddy 里用自然语言说明需求，核心公式是 教什么 + 给谁看 + 什么形式（例如「给初中生做勾股定理互动课件」）。技能会按内容选择四种模式之一：

• 基础互动：知识拆解、滚动揭示、卡片与 SVG 图解
• 3D 动画：几何、天文、分子等空间类内容（优先 CSS 3D，复杂场景才用内联 Three.js CDN）
• 随堂测验：选择题、即时判分与解析
• 完整微课：讲解 + 演示 + 练习组合

流程大致是需求分析 → 模式选择 → 内容设计与知识拆解（通常 3～5 步）→ 生成 HTML 并做自检 → 交付后支持精准迭代（改配色、某一页动画、加删题目等，不必整份重做）。

边界与注意点

| 能做 | 不适合用本技能 |
|------|----------------|
| 单文件 HTML 互动课件 | PPT / Word 教案 / 视频 / 带账号的在线考试系统 |

知识点范围宜聚焦（整门学科塞进一个文件会过大、加载慢）。3D 依赖 CDN 或浏览器能力，网络或设备不佳时可要求降级为基础模式。专业领域内容生成后建议人工核对；测验答案偶有误时需逐题指出修改。