Element-aware click capture
A Chrome extension follows you through any site. One step per click, the clicked element highlighted precisely, and the steps stitched into your lecture as narrated scenes.
INGEST
Record a workflow. Get a narrated lecture.
Cutaway records what you do and explains it. Click through any website or app and every click becomes a numbered step with the exact element highlighted; record your screen and AI splits the take into scenes and narrates each one, synced to what is happening. Polish the guide step by step and export it as a PDF — or cut away from the recording to a diagram, an animated-math explainer or bespoke motion graphics, and cut back.
Click-by-clickAdd highlightCheck guidePDF guideImport a recordingPlaywright
What it does
The detail that makes it work.
A guide editor for every step
Add a highlight to any screenshot — ring, box, spotlight or arrow, in the colour you pick — and it snaps to the element under it. A highlight you place shows in the video exactly where you put it.
Check the guide, then export a PDF
Check guide lists what needs attention — a step with no narration, a highlight off the element, two identical steps. Export a PDF guide with a cover, a contents list and every step with its highlight.
Studio recording, split for you
Record one continuous take of your screen. AI cuts it into scenes at each screen change and narrates every one — your voice becomes the script, not one long unstructured blob.
Bring a recording you already have
Import an existing screen recording (up to thirty minutes on Pro and above) and it runs the same pipeline — analyzed, split, and explained scene by scene.
Reorder and rewrite before export
Every captured step lands in the storyboard as a normal scene, so you can rewrite its narration, reorder it, or delete it before rendering. The AI draft sits beside a transcript of what you actually said.
Cut away to anything
Mid-walkthrough, drop in a diagram, a MathMotion animation, or a cinematic clip to explain the why behind a click — then return to the capture. That is the cutaway.
Playwright tests become guides or videos (Pro and Studio)
Import a Playwright trace from your end-to-end tests. Pick the user-guide style — one annotated screenshot per step, ready for a PDF — or the walkthrough-video style, paced for a viewer with a chapter per test step.
Watch a whole one
A Playwright test of a billing app, turned into a narrated guide
Learn CourseSmith
Watch the short tutorials.
More in bring your source
Pairs well with these.
Build a course with cutaway — capture any workflow.
It’s one part of a tool that carries your source all the way to a polished, finished video.