MAIC-UI: Interactieve Cursussoftware Maken met Generatieve Gebruikersinterfaces
MAIC-UI: Making Interactive Courseware with Generative UI
April 28, 2026
Auteurs: Shangqing Tu, Yanjia Li, Keyu Chen, Sichen Zhang, Jifan Yu, Daniel Zhang-Li, Lei Hou, Juanzi Li, Yu Zhang, Huiqin Liu
cs.AI
Samenvatting
Het traditioneel creëren van interactieve STEM-cursusmaterialen vereist expertise in HTML/CSS/JavaScript, wat een barrière vormt voor docenten. Hoewel generatieve AI HTML-code kan produceren, genereren bestaande tools statische presentaties in plaats van interactieve simulaties, worstelen ze met lange documenten en ontbreekt het hen aan mechanismen voor pedagogische nauwkeurigheid. Bovendien vereist volledige regeneratie voor aanpassingen 200-600 seconden, wat de creatieve flow verstoort. Wij presenteren MAIC-UI, een zero-code auteursysteem dat docenten in staat stelt interactieve cursusmaterialen te creëren en snel te bewerken vanuit tekstboeken, PPT's en PDF's. MAIC-UI hanteert: (1) gestructureerde kennisanalyse met multimodaal begrip om pedagogische nauwkeurigheid te garanderen; (2) een tweefasen generate-verify-optimaliseer-pijplijn die contentalignatie scheidt van visuele verfijning; en (3) Click-to-Locate-bewerking met Unified Diff-gebaseerde incrementele generatie die iteratiecycli van minder dan 10 seconden bereikt. Een gecontroleerde laboratoriumstudie met 40 deelnemers toont aan dat MAIC-UI bewerkingsiteraties vermindert (4,9 vs. 7,0) en de leerbaarheid en bestuurbaarheid significant verbetert vergeleken met directe Text-to-HTML-generatie. Een implementatie van drie maanden in de klas met 53 middelbare scholieren demonstreert dat MAIC-UI leeragentie bevordert en resultaatverschillen reduceert – de pilotklas behaalde 9,21-puntswinst in STEM-vakken vergeleken met -2,32 punten in controleklassen. Onze code is beschikbaar op 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.