Communitygithub.com

jdrhyne/agent-skills

Best Practices für die Remotion-Videoerstellung in React – Kompositionen, Sequenzen, Animation, Timing und Rendering. Verwende sie beim Erstellen, Überprüfen oder Debuggen von Remotion-Videos.

Was ist agent-skills?

Diese Skill-Sammlung bietet eine umfassende Wissensbasis für Entwickler, die mit Remotion arbeiten – einer library zur programmatischen Erstellung von Videos mit React. Sie deckt alle wichtigen Aspekte ab: Von grundlegenden Animationen, Sequenzierung und Timing über das Einbinden von Medien (Bilder, Videos, Audio, Schriftarten, GIFs) bis hin zu fortgeschrittenen Themen wie 3D-Content mit Three.js, Lottie-Animationen, Untertiteln, Transkription und Datenvisualisierung. Die Skills sind modular in einzelnen Regeldateien organisiert, sodass Benutzer gezielt auf spezifische Fragestellungen zugreifen können, z. B. zur dynamischen Metadatenberechnung, zum Extrahieren von Einzelbildern oder zur Messung von DOM-Elementen. Unterstützt werden Entwickler von Tools wie Mediabunny und @remotion/captions. Die Skills eignen sich für Claude Code, Cursor und andere KI-Agenten, die bei der Erstellung, Überprüfung oder Fehlersuche von Remotion-Projekten helfen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jdrhyne/agent-skills/tree/HEAD/skills/remotion

In Ihrer bevorzugten KI fragen

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

Dokumentation

Verwendung

Verwende diese Skills, wenn du mit Remotion-Code arbeitest, um domänenspezifisches Wissen zu erhalten.

Anwendung

Lies die einzelnen Regeldateien für detaillierte Erklärungen und Codebeispiele:

Verwandte Skills