Communitygithub.com

3bkader-gpt/remotion-tiktok-gym-editor

Transkribieren, Anzeigen und Animieren von Untertiteln

Was ist remotion-tiktok-gym-editor?

Diese Fertigkeit ermöglicht es einem KI-Agenten, Untertitel für Videoinhalte mit Remotion zu verarbeiten. Der Fokus liegt auf dem Transkribieren von Audio/Video in Captions, deren Anzeige im Video und dem Import aus .srt-Dateien. Alle Captions müssen dem `Caption`-Typ von Remotion entsprechen, der Felder wie `text`, `startMs`, `endMs`, `timestampMs`, `confidence` und optional `pageBreakAfter` umfasst. Die Fertigkeit ist in mehrere Module unterteilt: `transcribe-captions.md` für die Spracherkennung, `display-captions.md` für die visuelle Einblendung und `import-srt-captions.md` für den Import aus Standard-Untertiteldateien. Nach Abschluss der Caption-Verarbeitung wird empfohlen, die Fertigkeit "Remotion Best Practices" zu laden und das Remotion Studio zu öffnen. Dies ist besonders nützlich für Entwickler, die automatisch Untertitel in Remotion-Projekten generieren, bearbeiten oder einfügen möchten, ohne manuelle Transkriptionsschritte durchführen zu müssen. Unterstützt wird die Arbeit mit Remotion – einem Framework zum Erstellen von Videos mit React. Der Workflow ist modular aufgebaut, sodass der Agent je nach Bedarf die passende Anleitung laden kann.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/3bkader-gpt/remotion-tiktok-gym-editor/tree/HEAD/.agents/skills/remotion-captions

In Ihrer bevorzugten KI fragen

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

Dokumentation

Alle Untertitel müssen in JSON verarbeitet werden. Die Untertitel müssen den Caption Typ verwenden, der wie folgt aussieht:

import type { Caption } from "@remotion/captions";

Dies ist die Definition:

type Caption = {
  text: string;
  startMs: number;
  endMs: number;
  timestampMs: number | null;
  confidence: number | null;
  pageBreakAfter?: boolean;
};

Captions generieren

Um Video- und Audiodateien zu transkribieren und Captions zu generieren, lade die Datei transcribe-captions.md für weitere Anweisungen.

Captions anzeigen

Um Captions in deinem Video anzuzeigen, lade die Datei display-captions.md für weitere Anweisungen.

Captions importieren

Um Captions aus einer .srt-Datei zu importieren, lade die Datei import-srt-captions.md für weitere Anweisungen.

Nach der Erstellung

Nachdem du fertig bist, lade diese Fertigkeit: Remotion Best Practices

Falls noch nicht geschehen, öffne das Remotion Studio, sofern nicht anders angewiesen.

Individual skills in this repo

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

Verwandte Skills