Communitygithub.com

Sprechtext (Narration Script)

Den gesprochenen Voiceover für ein Tutorial oder eine Demo schreiben – die tatsächlichen Wörter, aufs Gehör formuliert, auf eine Aktion pro Befehl mit dem Bildschirm synchronisiert, mit einem Tempo-Budget und einem selbstbewussten, jargonfreien Ton.

Was ist Sprechtext (Narration Script)?

Diese Fähigkeit erstellt maßgeschneiderte Sprechtexte für Tutorials und Demos. Sie übersetzt visuelle Anleitungen in einen natürlichen, fürs Hören optimierten Erzählstil, der mit den Aktionen auf dem Bildschirm synchronisiert ist. Besonders nützlich für Entwickler und Content-Ersteller, die klare, jargonfreie Voiceover für Plattformen wie Claude, Cursor oder Codex benötigen, bei denen Präzision und Zuhörerbindung entscheidend sind. Das Skill folgt einer strengen Struktur: kurze Sätze, aktive Stimme, zweite Person und ein Tempo von 140–160 Wörtern pro Minute. Es liefert ein zweispaltiges Skript mit Aktionen und gesprochenen Zeilen, inklusive Pausen und Betonungen. Damit wird sichergestellt, dass jeder Befehl mit einer sichtbaren Aktion verbunden ist und der Zuhörer das Tutorial ohne Verzögerung nachvollziehen kann.

Funktioniert mit~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/SkillMedev/tutorial-video-studio/tree/main/skills/narration-script

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht Sprechtext (Narration Script)?

Ein Tutorial steht und fällt mit seiner Erzählung. Der Zuschauer versucht, das zu tun, während er zuhört, also konkurriert jedes Wort mit seiner Aufmerksamkeit auf dem Bildschirm. Schreibe weniger, sag es klarer und pinne jede Zeile an eine sichtbare Aktion.

Für das Ohr schreiben, nicht für die Seite

Gesprochene Sprache ist nicht geschriebene Sprache. Lies jede Zeile laut vor, bevor du sie behältst.

  • Kurze Sätze. Eine Idee pro Satz. Wenn dir die Luft ausgeht, ist es zu lang.
  • Aktive Stimme, Präsens, zweite Person: „Klicke auf Speichern“ – nicht „Der Speichern-Button würde dann vom Benutzer geklickt werden.“
  • Streiche jedes „eigentlich“, „einfach“ und „nur“. „Klicke einfach auf Einstellungen“ sagt einem feststeckenden Zuschauer leise, dass er dumm ist. Lass es weg.
  • Kontraktionen sind gut („du wirst“, „es ist“); sie klingen menschlich.

Erzählung mit Aktion synchronisieren

Die goldene Regel: Ein Befehl pro Bildschirmaktion, und die Wörter landen mit der Aktion, niemals beschreibend, was bereits passiert ist.

  • Sage die Aktion einen Moment vorher oder genau dann, wenn sie auf dem Bildschirm erscheint, damit die Hand des Zuschauers und der Cursor sich gemeinsam bewegen.
  • Erzähle niemals einen bereits abgeschlossenen Klick – „und jetzt haben wir es gespeichert“ nach der Speicher-Animation ist tote Luft.
  • Wenn der Bildschirm etwas Komplexes tut, höre auf zu sprechen und lass es wirken. Stille über einem klaren Bild schlägt eine Erzählung, die damit konkurriert.

Das Tempo bestimmen

  • Strebe ~140–160 Wörter pro Minute für Anweisungen an. Schneller verliert Leute, die folgen.
  • Budgetiere den Text gegen die Szenendauern des Storyboards. Wenn ein Beat 8 Sekunden ist, sind das ~20 Wörter, nicht 50.
  • Baue bewusste Pausen an Übergängen und an jedem Moment ein, in dem der Zuschauer eher schauen als zuhören muss.

Jeden Schritt strukturieren

Eine zuverlässige dreiteilige Form pro Schritt hält die Zuschauer orientiert:

  1. Ziel – was wir gleich tun und warum („Um dies zu teilen, erstellen wir einen öffentlichen Link.“).
  2. Aktion – die einzelne konkrete Anweisung („Öffne das Teilen-Menü und wähle Jeder mit dem Link.“).
  3. Bestätigung – wie Erfolg aussieht („Du siehst, dass der Link grün wird, wenn er bereit ist.“).

Markiere die Schritte mit leichten Übergängen – „Als nächstes“, „Nachdem der Link existiert, lasst uns…“ – damit das Rückgrat des Tutorials immer hörbar ist.

Ton

Selbstbewusst und warmherzig, wie ein kompetenter Kollege, der neben ihnen sitzt. Niemals herablassend, niemals übertrieben. Definiere einen Begriff beim ersten Auftreten, dann verwende ihn konsequent. Stimme mit den UI-Labels auf dem Bildschirm exakt überein – wenn der Button „Neues Projekt“ sagt, sage „Neues Projekt“, nicht „Ein Projekt erstellen“.

Ausgabeformat

Liefere ein zweispaltiges Skript, dem sowohl der Editor als auch der VO-Sprecher folgen können:

BildschirmaktionGesprochene Zeile
Cursor öffnet Teilen-Menü„Öffne das Teilen-Menü oben rechts.“
Link schaltet auf öffentlich„Schalte es auf Jeder mit dem Link um.“

Markiere [Pause], wo das Bild den Moment tragen soll, und fett die zu betonenden Wörter. Notiere die ungefähre Zeit pro Zeile, wenn die Storyboard-Dauern bekannt sind.

Nicht tun

  • Schreibe hier keine Musik, SFX oder Mix-Cues – das Taktieren des Audios, Ducking und Beat-Matching ist Sound- und Musik-Synchronisation.
  • Plane nicht die Szenenreihenfolge oder den Shot-Liste – das ist das Video-Storyboard, dem dieses Skript folgen sollte.
  • Beschreibe kein Füllmaterial, das der Zuschauer bereits sehen kann („hier ist der Bildschirm, wie du siehst, gibt es einige Buttons“).
  • Lasse keine Zeile das Zeitbudget ihrer Szene überschreiten; kürze Wörter, nicht Pausen.

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

Captions From Transcript

Produce an accurate, properly timed caption track (SRT or WebVTT) from a video

Kinetic Typography

Put text in motion the right way - title cards, animated captions, lower-thirds, callouts, and word-by-word reveals - with a reading-time-per-word budget so copy holds long enough to read, plus enter/exit timing, weight and size transitions, and type hierarchy in motion. Use when someone asks to

Motion Design Principles

The craft layer for motion: pick the right easing (ease-in / ease-out / ease-in-out / spring), get timing and spacing right, build the anticipation→action→follow-through arc, and apply Disney

Product Demo Director

Direct the craft of putting a real software UI on screen - cursor choreography, zoom/pan/callout language, screen-recording vs recreated-UI, and making state changes legible with highlights, focus pulls, and slow-downs. Use when filming or recreating an app for a product demo, feature walkthrough, onboarding clip, or release reel and asking

Remotion Compose

Turns a natural-language video brief into a complete, ready-to-preview Remotion composition - extracts duration, scenes, brand colors, aspect ratio, and real copy; plans the frame budget; and writes data-driven React/TypeScript using useCurrentFrame, interpolate, spring, AbsoluteFill, and Sequence, registered in Root.tsx. Use when someone says

Remotion Render

Renders a Remotion composition to MP4 and runs the edit-and-re-render loop - CLI render commands, 1080p/4K/9:16 presets, concurrency tuning, codec selection, batch variants from a JSON data file, and Lambda for cloud rendering. Use when someone says

Remotion Setup

Scaffolds a new Remotion video project wired for Claude Code Agent Skills - Node check, create-video scaffold, skills install, folder conventions, Google Fonts, and a smoke-test render. Use whenever someone wants to start making videos with Remotion and Claude, even just

Screencast Capture

Capture clean raw screen and camera footage for a tutorial or product demo - choosing the recorder (macOS Screenshot toolbar, QuickTime, OBS, Windows Game Bar), setting resolution / frame-rate / cursor / microphone, prepping a distraction-free stage, and recording in retakeable segments. Use when someone says

SkillMedev/tutorial-video-studio

Plan a product demo, feature announcement, or launch video as a beat sheet and shot list BEFORE animating - hook in the first 3s, problem, reveal, proof, CTA - with target duration and pacing per scene type, output as a JSON scene plan that remotion-compose consumes directly. Use when someone says

Social Video Formatter

Reframe and export a finished video for social platforms - 9:16 ↔ 16:9 cropping, burned-in captions, a platform-native first frame, loop design, and per-platform specs (aspect, length, safe areas) for TikTok, Reels, Shorts, X, and LinkedIn. Use when someone says

Sound and Music Sync

Score a video like an editor: beat-match cuts to the music, land SFX on transitions, pace the voiceover so it breathes, source royalty-free tracks safely, and duck the music so the VO sits clearly on top. Use when adding music, sound effects, or voiceover to a video, when asked to

Verwandte Skills