Communitygithub.com

atlantis-mk/kinetic-tech-remotion-template

Erstelle mit der Technologie-Transparenz-Vorlage dieses Repos ein Video und drei Cover – parametrisierbare Szenen, Quer-/Hochformat, programmatische Soundeffekte und lokale Medieneingabe. Lege work/ erst bei tatsächlicher Produktion an.

Was ist kinetic-tech-remotion-template?

Dieses Skill ermöglicht die Erstellung eines erklärenden Technologie-Videos mit zugehörigen Covern, basierend auf einem Remotion-Template. Es unterstützt parametrisierte Szenen, horizontale und vertikale Videoformate, programmatisch generierte Soundeffekte sowie die Integration lokaler Medien (z. B. Sprachaufnahmen). Die Nutzung ist plattformunabhängig und funktioniert mit jedem KI-Agenten, der ein Python-Skript ausführen kann. Das init-Skript richtet das Arbeitsverzeichnis work/ ein, kopiert die Vorlage und erstellt bei Bedarf Soundeffekte. Anschließend werden über eine JSON-Datei (content.json) Textinhalte, Metriken, Code und Cover konfiguriert. Validierung, Vorschau und Rendering erfolgen über Pipeline-Befehle. Der Skill ist besonders nützlich für Entwickler:innen und Content Creator, die schnell und konsistent technische Erklärvideos mit hoher visueller Qualität produzieren müssen, ohne manuell After Effects oder andere Tools zu bedienen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/atlantis-mk/kinetic-tech-remotion-template/tree/HEAD/.agents/skills/make-video

In Ihrer bevorzugten KI fragen

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

Dokumentation

Erstelle ein erklärendes Technologie-Video

Lies zuerst die Wurzeldatei AGENTS.md – sie ist die einzige allgemeine Regel für die Erstellung. Dieses Skill bietet technische Schritte.

  1. Lies template.md, um den Stil und die Fähigkeitengrenzen zu bestätigen. Lies bei Aufgabenwiederaufnahme task-state.md und überprüfe die Wurzel work/task.json sowie die tatsächlichen Dateien.
  2. Führe vor der Erstellung python3 .agents/skills/make-video/scripts/pipeline.py init --install aus. Dies kopiert das echte Projekt, behält bestehende Änderungen und generiert programmatische Soundeffekte. Wenn kein Thema vorhanden ist, strukturiere zuerst die Anforderungen; verwende nicht das Standardbeispiel als Nutzer-Ergebnis.
  3. Ersetze in work/project/content.json Szene für Szene Texte, Metriken, Anmerkungen, Nachrichten, Code und Cover. Szenen können neu angeordnet, dupliziert und in der Dauer geändert werden; die Konfiguration wird durch das echte Zod-Schema und Zeitachsenprüfungen eingeschränkt. Ändere bei neuen visuellen Hauptinhalten außerhalb der vorhandenen Szenen den Quellcode dieser Iteration, nicht nur den Titel. Siehe remotion.md für Parameter- und Medienoperationen.
  4. Speichere Rohmaterial in work/input; tatsächlich verwendete abgeleitete Medien in work/project/public und referenziere sie mit relativen Pfaden. Füge bei Bedarf Sprachaufnahmen, Soundeffekte und Untertitel hinzu. Es gibt nur programmatische Standardsoundeffekte, kein TTS oder automatische Ausrichtung. Prüfe zuerst die Semantik der Sprachaufnahme, bevor du die Zeitachse einrichtest.
  5. Führe validate, check, preview --frames 0-59 aus und überprüfe mit Start-/Mitte-/Endframes jeder Szene sowie Tonclips; ändere bei Bedarf den Bereich der Fragmente. Führe anschließend render und verify aus. Technische Berichte behaupten keine audiovisuelle Freigabe.
  6. Sieh dir tatsächlich die Keyframes, Übergänge, das Endvideo und die drei Cover an, höre die Tonvorschau ab und dokumentiere die Abnahme und den Aufgabenstatus gemäß der Wurzelregel. Rendere nach Änderungen die relevanten Ausgaben neu.
  7. Standardausgaben sind work/delivery/video.mp4, cover-4x3.png, cover-3x4.png, cover-16x9.png. Wenn der Nutzer eine andere Liste wünscht, setze zuerst task.deliverables und die tatsächliche Renderfähigkeit um.

Ändere bei der Wartung der Vorlage die Dateien unter assets/project-template und verwende isolierte Tests aus der Wurzel tests; führe nicht die Wurzel init für die Wartung aus. Das Metadaten-Protokoll der Vorlage findest du in readme-format.md.

Verwandte Skills