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.
翻译:传统交互式STEM课件的制作需要掌握HTML/CSS/JavaScript技术,这为教育工作者设置了门槛。尽管生成式人工智能能够生成HTML代码,但现有工具生成的静态演示文稿而非交互式模拟,难以处理长文档,且缺乏教学准确性机制。此外,针对修改进行完全重新生成需耗时200-600秒,严重干扰创作流程。本文提出MAIC-UI——一个零代码创作系统,使教育工作者能够从教科书、PPT和PDF中快速创建并编辑交互式课件。MAIC-UI采用:(1) 结合多模态理解的结构化知识分析,确保教学严谨性;(2) 两阶段生成-验证-优化流水线,将内容对齐与视觉优化分离;(3) 基于统一差异的增量生成"点击定位"编辑技术,实现亚10秒的迭代周期。包含40名参与者的受控实验表明,与直接文本到HTML生成相比,MAIC-UI减少了编辑迭代次数(4.9次对比7.0次),并显著提升了易学性和可控性。在53名高中生中开展的为期三个月的课堂部署显示,MAIC-UI增强了学习自主性并缩小了成绩差距——实验班在STEM学科上获得9.21分的进步,而对照班为-2.32分。我们的代码已开源在https://github.com/THU-MAIC/MAIC-UI。