MAIC-UI：基于生成式用户界面的交互式课件制作系统

MAIC-UI: Making Interactive Courseware with Generative UI

April 28, 2026

作者: Shangqing Tu, Yanjia Li, Keyu Chen, Sichen Zhang, Jifan Yu, Daniel Zhang-Li, Lei Hou, Juanzi Li, Yu Zhang, Huiqin Liu

cs.AI

摘要

传统STEM互动课件制作需要HTML/CSS/JavaScript专业技能，这为教育工作者设置了门槛。尽管生成式人工智能能够产出HTML代码，但现有工具仅能生成静态演示而非互动模拟，难以处理长文档，且缺乏教学准确性保障机制。此外，完整重新生成修改需耗时200-600秒，严重干扰创作流程。我们提出MAIC-UI零代码创作系统，支持教育工作者基于教材、PPT和PDF快速创建并编辑互动课件。该系统具备三大特性：（1）通过多模态结构化知识分析确保教学严谨性；（2）采用生成-验证-优化的两阶段流程，将内容对齐与视觉优化分离；（3）基于点击定位编辑与统一差异增量生成技术，实现10秒内的迭代周期。40人参与的对照实验表明，相较于直接文本转HTML生成，MAIC-UI将编辑迭代次数从7.0次降至4.9次，显著提升可学习性与可控性。在53名高中生中进行的三个月课堂实践显示，MAIC-UI能增强学习自主性并缩小成绩差距——实验班STEM科目成绩提升9.21分，而对照班下降2.32分。代码已开源：https://github.com/THU-MAIC/MAIC-UI。

English

Creating interactive STEM courseware traditionally requires HTML/CSS/JavaScript expertise, leaving barriers for educators. While generative AI can produce HTML codes, existing tools generate static presentations rather than interactive simulations, struggle with long documents, and lack pedagogical accuracy mechanisms. Furthermore, full regeneration for modifications requires 200--600 seconds, disrupting creative flow. We present MAIC-UI, a zero-code authoring system that enables educators to create and rapidly edit interactive courseware from textbooks, PPTs, and PDFs. MAIC-UI employs: (1) structured knowledge analysis with multi-modal understanding to ensure pedagogical rigor; (2) a two-stage generate-verify-optimize pipeline separating content alignment from visual refinement; and (3) Click-to-Locate editing with Unified Diff-based incremental generation achieving sub-10-second iteration cycles. A controlled lab study with 40 participants shows MAIC-UI reduces editing iterations (4.9 vs. 7.0) and significantly improves learnability and controllability compared to direct Text-to-HTML generation. A three-month classroom deployment with 53 high school students demonstrates that MAIC-UI fosters learning agency and reduces outcome disparities -- the pilot class achieved 9.21-point gains in STEM subjects compared to -2.32 points in control classes. Our code is available at https://github.com/THU-MAIC/MAIC-UI.