Communitygithub.com

Untertitel aus Transkript

Erstellt eine präzise, korrekt getaktete Untertitelspur (SRT oder WebVTT) aus einem Video.

Was ist Untertitel aus Transkript?

Diese Fähigkeit erzeugt saubere und akkurat getaktete Untertiteldateien aus Videomaterial. Sie priorisiert die Verwendung vorhandener Erzählskripte als Ground Truth, um technische Begriffe und UI-Bezeichnungen korrekt zu halten, und transkribiert das Audio nur, wenn kein Skript vorliegt. Die resultierenden Untertitel werden sprachbasiert getaktet, folgen strengen Lese- und Zeilenregeln (maximal 2 Zeilen, ~32–42 Zeichen pro Zeile) und unterstützen die Formate SRT (für Universalanwendungen) und WebVTT (für HTML5-Player). Die Ausgabe ist stets validiert und bereit für die Weiterverarbeitung durch Tools wie 'social-video-formatter' oder direkt als `<track>`-Element, wobei Styling, Positionierung und Animation gesonderten Schritten überlassen bleiben.

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

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Untertitel aus Transkript?

Untertitel sind kein optionales Extra – sie sind Barrierefreiheit, sie halten Zuschauer, die stummgeschaltet haben, und bei Tutorials betonen sie exakte UI-Begriffe. Diese Fähigkeit erstellt eine saubere, korrekt getaktete Untertiteldatei. Styling und Einbrennen erfolgen nachgelagert.

Quelltext zuerst so genau wie möglich nehmen

Die Genauigkeit hängt vom Ausgangspunkt ab:

  • Falls ein Erzählskript existiert, verwende es als Ground Truth. Es ist bereits korrekt bei technischen Begriffen und UI-Bezeichnungen. Richte es am Audio aus, anstatt es erneut zu transkribieren.
  • Andernfalls transkribiere das Audio (Whisper, die Auto-Untertitel einer Plattform oder ein beliebiges ASR), dann korrigiere es anhand des Videos. ASR verhunzt zuverlässig Produktnamen, Code und Akronyme – korrigiere jeden, um exakt dem auf dem Bildschirm zu entsprechen.

Versende niemals rohe ASR-Ausgabe. Die Fehler treten genau bei den wertvollsten Wörtern auf.

Taktung der Cues an die Sprache

  • Jeder Cue erscheint, sobald seine Zeile gesprochen wird, und verschwindet, wenn sie endet – richte dich an der Sprache aus, nicht an willkürlichen Intervallen.
  • Mindestens ~1 Sekunde auf dem Bildschirm (auch bei einem kurzen Cue), maximal ~7 Sekunden. Teile längere Cues auf.
  • Keine Lücken mitten im Satz; kleine Lücken zwischen Sätzen sind in Ordnung und verbessern die Lesbarkeit.

Zeilen- und Leseregeln

  • 1–2 Zeilen pro Cue, niemals 3.
  • ~32–42 Zeichen pro Zeile. Darüber hinaus wird der Rahmen überfüllt und der sichere Bereich überschritten.
  • Lesegeschwindigkeit ≤ ~17 Zeichen/Sekunde (≈160–180 Wörter pro Minute). Überschreitet ein Cue diesen Wert, fliegen die Wörter vorbei – teile den Cue auf oder verlängere seine Dauer.
  • Brich Zeilen an Satzgrenzen, niemals mitten in einer Phrase. Halte „zu den Einstellungen“ zusammen; lasse „die“ nicht allein auf einer Zeile stehen.

Format wählen

  • SRT – universell, Index + HH:MM:SS,mmm --> HH:MM:SS,mmm + Text. Verwende es für den Upload auf den meisten Plattformen und in Editoren.
  • WebVTT (.vtt) – WEBVTT-Kopfzeile, HH:MM:SS.mmm-Zeitstempel, unterstützt positionierende/stylende Cues. Verwende es für HTML5 <track> und den Webplayer.

Erzeuge gültige, parsebare Ausgabe – korrekte Zeitstempel-Interpunktion (SRT verwendet ein Komma vor Millisekunden, VTT einen Punkt), leere Zeile zwischen Cues, keine nachgestellten Leerzeichen.

Sauber vs. wörtlich

Für Tutorials: Untertitel sauber – streiche Füllwörter („ähm“, „hm“, Fehlstarts), behalte den Sinn wörtlich bei. Gib technische Begriffe, Code und UI-Bezeichnungen exakt wieder. Nur streng wörtlich, wenn der Nutzer dies explizit benötigt (rechtliche, Forschungs- oder Zitatkontexte).

Synchronisation prüfen

Stichprobenartig gegen das eigentliche Video zu Beginn, in der Mitte und am Ende prüfen – zeitliche Abweichungen sammeln sich an. Bestätigen, dass Cues auf ihren Zeilen landen und verschwinden, bevor der nächste beginnt. Korrigiere jeden Untertitel, der über der falschen Szene verweilt.

Übergabe

Die fertige .srt / .vtt-Datei geht an social-video-formatter zum Einbrennen und plattformspezifischen Styling oder direkt an das <track>-Element des Webplayers. Farbe, Schriftart, Position und Animation bleiben diesen Schritten überlassen – diese Fähigkeit liefert genaue, gut getaktete Texte und nichts weiter.

Nicht

  • Kein Stylen, Färben, Positionieren oder Einbrennen von Untertiteln in das Bild – das ist Aufgabe von social-video-formatter.
  • Keine Wort-für-Wort-Animation – das ist Aufgabe von kinetic-typography.
  • Keine unkorrigierte ASR-Ausgabe versenden; die Fehler konzentrieren sich genau auf die wichtigen Begriffe.
  • Keine 3 Zeilen packen oder das Lesegeschwindigkeitsbudget überschreiten, um das Aufteilen eines Cues zu vermeiden – teile ihn auf.

Individual skills in this repo

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

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

Narration Script

Write the spoken voiceover for a tutorial or demo - the actual words, phrased for the ear and synced one-instruction-per-action to what is on screen, with a pacing budget and a confident, jargon-checked tone. Use when someone says

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