School of Science · Monmouth University · May 12, 2026

AI-Assisted Interactive Teaching

A semester of attempts

What I tried, what worked, and how to try one piece of it in your course.

3

Platforms

40+

Decks

8

Courses

145

Paired pre/post

153

Multi-dept survey

Weihao Qu · LearnAI Team · Department of Computer Science & Software Engineering

The ceiling, today

What AI can already do for teaching.

External example · Bio

Cell Architecture Studio

Designed by Dilum Sanjaya.
I didn't make this. That's the point.

⚡ Gemini 3.1 Pro · GPT Image 2

A designer. Two AI models. Now imagine your course.

Recipe 1 · design — & a live magic trick

From chaos, a structured prompt creates order.

Left: raw particles, no instructions. Right: one structured prompt — paper, mountains, ensō, red seal. This whole deck was generated from that prompt. Hit I when you're ready to see it.

ORDER CHAOS

"Order and chaos dance — digital poetry in motion."

▶ Press I — you're already looking at it

Recipe · prompt template · GPT Image 2

Ink-wash design prompt

A structured prompt template — paper texture, ink-wash motifs, ensō circle, red seal placement, mist effects, Wabi-Sabi register. Drop it into GPT Image 2 (or Gemini 3 Pro Image) with your topic, get back any aesthetic you want for any course.

Best for: when "looks intentional" matters — research talks, public lectures, a deck you want students to remember by sight.

Act 2 · what I tried this semester

Three pieces. One semester.

Here's the honest scope of what I shipped. Each tile clickable.

① Slides

40+

interactive decks · 8 courses

enhance-slides

Claude Code plugin: drop a PPTX → get a clickable HTML lecture with Canvas visualizations + step-throughs.

monmouthaiteaching.com/research/slides ↗

★ Designed by Weihao Qu

② Web apps

4

full course platforms

Course web apps

Full courses, not just slides. Interactive automata + AI tutor, 12-module sandbox, PL playground, finance terminals — across 4 courses.

③ Research

8

courses · pre/post responses (n=145)

Did it work?

Pre/post survey across 8 courses (n=145 responses) · 153 multi-dept attitude survey · 17 controlled study · 6 interviews. MU IRB #2562.

BF422 CS205 CS286 CS305 CS310 CS336 CS432 SE641

Today I'll show you the slides + the research, plus a 4th piece that pulls it all together.

The room your students already live in

Whether we adapt or not — AI is here.

153 students across the university — CS, Bio, Chem, Math, Health, Psych, Business — told us how AI shows up in their college lives. Three findings that should change how we teach.

Use AI at least sometimes

0%

73% weekly. Only 5% never. No major opts out — Bio, Chem, Math, Health, Psych all use AI.

Hear yes-and-no from professors

0%

Half their profs encourage AI, the other half discourage it — in the same semester. We are not coordinated.

Considered switching majors

0%

Because of AI. One wrote: "I switched away from computer science because of AI."

Live demo · 1 of 2 · CS310 (Prof. Ling)

From a PPTX bullet list — to a clickable lecture

Open in new tab ↗

CS310 — Lecture 7 — Pointers in C++.pptx

Pointers and Memory

A pointer stores an address
Use & to get an address
Use * to dereference
malloc / free heap memory

becomes → Same lecture. Same syllabus. Now students click, drag, and watch memory move.

Live demo · 2 of 2 · BF422 (Prof. Yulin Li) · cross-discipline proof

CAPM & market efficiency — Yulin already ships these

Open in new tab ↗

Recipes 2 & 3 · build — what the demos you just saw were made with

Two open recipes for the actual deck.

Slide design is one piece. To build the interactive content itself — the clickable pointers, the simulators, the BF422 finance deck you just saw — pick from these two. Both turn topics or PPTX into self-contained HTML lectures.

★ Designed by Weihao Qu

Recipe · Skill · Claude Code

Make Slides

Drop a PPTX, a PDF, or a topic. Get back a self-contained HTML deck with Canvas visualizations, step-through animations, and quizzes. This is the engine behind every demo today.

Best for: turning your existing lectures into interactive ones.

Recipe · Framework · React

open-slide

Describe a presentation in natural language. AI agents write React slide components on a standardized canvas, with hot reload, in-browser commenting, HTML/PDF export.

Best for: building from scratch with versioned, reviewable code.

All recipes documented at learnAIDoc. Free, open-source, install in minutes.

What the recipes scale to · CS215 · AI literacy for non-CS students

A 47-module course, built in one AI-assisted session.

Same recipes from the previous slide → a complete AI literacy curriculum for non-CS undergraduates and high-schoolers. Every prompt I used is documented.

47

Modules

4

Courses

18

Build steps

0

Prerequisites

Built with

Claude Code (drafting) + Codex (review) + Whisper (transcripts).
161 wiki entries + 1 video transcript → 47 interactive HTML modules with terminal simulators, quizzes, XP tracking.

Open the course ↗ Every prompt I used ↗

Try it yourself · CS205 Data Structures

A full course web app — sign in & explore.

Open in new tab ↗

⚡ Test account · use this now

Email

mutest@monmouth.edu

Password

test1234

Shared faculty test account — sign in to see the student experience.

What's inside

12 modules · 15 interactive decks · 12 quizzes · sandbox · progress tracking. Built with the LearnAI undergraduate team.

monmouthcsse.com/cs205 ↗

Did it work? · student voices

Five students, end of semester. What changed.

Six volunteer CS205 students were interviewed at the end of Spring 2026 about studying with AI-enhanced slides + the course web app. Quotes below are anonymized; the percentage on each card is that student's final exam score, included to show the answers span the whole class — from 61% to 87%.

"AI just helped make 10 steps into animations — into one page."

Final exam · 87%

"We always used to talk about it. If we didn't have the websites… it would be difficult."

Final exam · 83%

"I'm a very visual learner. So it helps me to actually see the flow."

Final exam · 78%

"You can play and see how each line works. I think that's very helpful."

Final exam · 75%

"More like visuals — so I can compare and contrast."

Final exam · 61%

Did it work? · quiz scores

A controlled comparison in CS205.

Section A · Treatment

n = 8

Enhanced slides + course web app

vs

Same course
Same syllabus
Same final exam

Section B · Control

n = 9

Standard slides only

Both sections take the same pre-test → same paired quizzes → same final exam. Compare scores over time.

Treatment · enhanced slides · n=8 Control · standard slides · n=9

Same starting line.

Pre-test 42% vs 41%. Both sections matched at baseline.

+20pp gap by Quiz 2.

Treatment hit 80%, control 60% — on the same questions.

Honest about scope.

Small sample. Single course. Later-quiz analysis ongoing — ask in Q&A.

Act 3 · your turn

Want this for your course?
Book a session with LearnAI.

Pick a 30-minute slot — we walk through your discipline, your slides, your students. Free.

Scan or visit

lainow.com

→ pick a 30-min slot with the LearnAI team

AI is the means. Your students are the end.

Thank you · monmouthaiteaching.com/research/slides/ for everything else (40+ decks, ATLAS, the dataset)

Q&A · everything in one place

All the links from this talk.

Open any of these during questions. Each is clickable in this deck or scannable from the booking slide.

① Web apps · 4 course platforms

ATLAS CS305 · automata + AI tutor atlased.netlify.app CS205 study site CS205 · 12 modules + sandbox monmouthcsse.com/cs205 CS336 site CS336 · programming languages monmouthcsse.com/cs336 BF422 site (Yulin) BF422 · Bloomberg/finance monmouthaiteaching.com/bf422 AI Engineering Academy CS215 · 47 modules · AI literacy weihaoqu.github.io/learnai-course

② Slides · 40+ enhanced decks

All enhanced decks Hub · 8 courses · CS / SE / finance monmouthaiteaching.com/research/slides Demo: Pointers (CS310) Same deck shown today · clickable lecture cs310/pointers-enhanced.html Demo: CAPM & EMH (BF422) Same deck shown today · finance bf422/chapter78-capm-emh-enhanced.html Build case study Every prompt I used to build CS215 learnai-course/case-study

③ Recipes · build it yourself

Make Slides skill Claude Code · PPTX → interactive HTML learnAIDoc/wiki/make-slides... open-slide framework React · agents write slide components learnAIDoc/wiki/open-slide... Ink-wash design prompt GPT Image 2 · this deck's aesthetic learnAIDoc/wiki/gpt-image-2-ink... learnAIDoc home All recipes · 161 wiki entries weihaoqu.github.io/learnAIDoc 📅 Book a session LearnAI · 30-min consult lainow.com

AI-Assisted Interactive Teaching

A semester of attempts

What AI can already do for teaching.

From chaos, a structured prompt creates order.

Ink-wash design prompt

Three pieces. One semester.

enhance-slides

Course web apps

Did it work?

Whether we adapt or not — AI is here.

Pointers and Memory

Two open recipes for the actual deck.

Make Slides

open-slide

A 47-module course, built in one AI-assisted session.

Five students, end of semester. What changed.

A controlled comparison in CS205.

Want this for your course?Book a session with LearnAI.

All the links from this talk.

Want this for your course?
Book a session with LearnAI.