Screen Tutor | eLearningDesign.org

This tool turns your own screenshots into a click-by-click walkthrough that plays on its own.

Capture one screenshot for every screen in the process.
Add a step for each screenshot and upload it.
Click the screenshot to place the cursor target where the learner would click.
Write the caption and set how many seconds that step stays on screen.
Add a quiz checkpoint on any step you want to check understanding.

Steps play in order automatically. A step with no screenshot is skipped in the preview and the export, so upload an image for every step you want learners to see.

Uploaded images are compressed and embedded directly in the export file, so nothing breaks when the file moves into Rise or an LMS.

Step 1. Choose how many steps you want, copy the prompt, paste it into ChatGPT or Claude, and replace the topic placeholder.

Number of steps

Step 2. Paste the AI's answer below and load it in.

This writes the title, the instruction line, and every caption, alt text, duration, and quiz checkpoint. It cannot make screenshots, so you upload those yourself after loading. Any images you already uploaded stay on their steps.

Title

Instructions / subtitle

Start playing automatically (audio may be muted by the browser until the learner interacts) Loop when finished Show progress bar Show step counter Show Back and Next buttons

Require a correct answer to continue

Enable quiz sounds

Correct sound URL

Wrong sound URL

Sounds play only when enabled and a URL is provided.

Confetti on completion

Font family

Title size

Subtitle size

Content size

Text alignment

Corner radius (0 = square)

Animations and transitions

Primary

Correct / accent

Page background

Card background

♿ WCAG AA Included: Keyboard navigation, screen reader support, visible focus indicators, and reduced motion support are built into every export automatically.