网页交互式讲题

要解决什么问题

家长或学生手里常见的是拍照题、PDF 片段或一段文字，但「讲清楚」往往依赖口头解释，难以反复看步骤，也不方便在手机和电脑之间切换。若还要按孩子归档错题，用笔记本或零散截图很快会乱。

技能如何工作

你通过文本、图片或文件把题目交给 Skill 后，它会先判断学科与题型（如数学行程/函数、物理速度题等），再在工作目录生成单文件 HTML：题目区支持 KaTeX、图片与代码高亮；解题过程按步骤折叠展开；匹配题型时可嵌入 SVG/GSAP 或 Canvas 动画（例如行程相遇、函数图像、鸡兔同笼等模板库）。

错题本走两步：页面上的「加入错题本」会把题目信息复制到剪贴板并提示你回到对话里说「将刚才的题目加入错题本」；Skill 再调用 scripts/wrong_book_manager.py，写入项目根目录下的 wrong-book.xlsx（含错题人、学科、难度、内容、解析等列），可用 Excel/WPS 按孩子筛选复习。

适用边界与注意

• 生成的页面应尽量自包含（除 CDN 外少依赖外链）；浏览器无法直接写本地 Excel，必须经 Skill 侧脚本追加。
• 图片题目依赖 OCR 质量；动画模板覆盖小学/初中部分题型，其它题型会按内容生成页面但未必有专用动画。
• 复杂公式优先 KaTeX；手机端避免过重动画以免卡顿。