Replace worksheets with interactive HTML lessons

A Korean ESL teacher uses Claude Code to make browser lessons with vocabulary cards, quizzes, a teacher mode and progress bars.

Difficulty
BeginnerOur rating
Time to build
Not reportedOur estimate
Monthly cost
Not reported
Revenue
Not reportedWe only show revenue the source states
Engagement
No public countThe source shows no number

What they did

Instead of worksheets and slides, he has Claude build each lesson as an interactive page, plus reading packs and board games.

How it went

He says it replaced his worksheet and PowerPoint prep.

Worth knowing

Another teacher prefers Gemini for planning and Claude for building.

Builder recipe

Our own starting point, written from the source. Adapt it to your setup.

Stack

  • Claude Code

Steps

  1. Pick one concept to learn or teach.
  2. Have the agent build or explain it step by step.
  3. Test your understanding by changing parameters or asking why.
  4. Iterate.

Starter prompt

Make a single HTML lesson on [topic] for grade-4 English learners: 10 vocab flip cards, 5 comprehension questions, and a teacher mode that shows answers.

Tags

Tool HTML
Role Teacher
Industry Education

Read the original

Related use cases

The Daily 5.

Five real AI agent use cases each morning, each with a recipe and a source. Plus a Sunday roundup. Free.