Show your keystrokes on screen, the pro tutorial touch

Short answer: a keystroke display overlays the keys you press, Ctrl+K, Cmd+Shift+P, on the video as you press them. It's the single highest-value overlay for tutorials aimed at developers or power users, because the viewer stops guessing what your hands did. In Girato it's one toggle: keystrokes are captured during recording and rendered as a pill at the bottom of the frame.

Why it works

Watching a UI change without seeing the cause creates a comprehension gap, the viewer rewinds, scrubs, gives up. Showing the exact shortcut at the exact moment closes that gap and doubles as muscle-memory training. It's why every great VS Code or Vim video uses one.

When to leave it off

Honest counter-case: marketing demos. A sales-facing clip doesn't need input mechanics on screen, it needs the outcome. Save the keystroke display for teaching content; keep launch videos clean.

How it works in Girato

1. Record normally, key presses are captured with timestamps alongside cursor data (locally, like everything else).
2. In the editor, toggle Keystroke display in Automation. Recent keys show as a subtle pill, combos rendered as 'Ctrl+K'.
3. Pair with Keyboard sound, the same keystroke data drives a typing sound, so what viewers see and hear agree.

Three craft tips

• Slow your shortcuts down ~30% while recording, real-speed chords flash past.
• One action per beat: press, let the UI respond, then the next chord.
• If a shortcut is the lesson's point, also say it out loud, captions + pill + voice hits every learner.

Frequently asked questions