Example scaffold
Cursor highlight tutorial example
A before and after example page for showing how cursor treatment makes dense coding tutorials easier to follow.
Scenario
A code walkthrough that moves between editor, terminal, and browser preview.
Before
Raw asset slot
- Cursor disappears against syntax highlighting and terminal text.
- Viewers cannot predict which file or line matters next.
- Fast app switching makes the lesson feel jumpy.
After
Polished asset slot
- Cursor highlight makes the next action visible before the click.
- Zoom supports important code regions without losing context.
- Chapters and pacing make the tutorial easier to scan.
Proof to add
Asset slot: add screenshots or clips from a real coding tutorial when they are available.
Before frame slot: add the unpolished code editor capture.
After frame slot: add the polished tutorial capture.
Notes slot: add readability observations and export settings.
Video metadata to add
- Stable thumbnail URL for the polished tutorial.
- Final video URL or embed URL.
- Upload date for VideoObject schema.
- Duration and readability notes for the proof section.