Communitygithub.com

pragma-sh/pragma

Verwenden Sie diese Fähigkeit beim Bearbeiten, Vorschauen, Validieren oder Rendern des Remotion-Launch-Films von Pragma für die README-Datei.

Was ist pragma?

Diese Fähigkeit dient der Wartung eines reproduzierbaren Launch-Films für Pragma, der auf Remotion basiert und direkt aus dem Repository-Quellcode und den Assets erstellt wird. Sie definiert die gesamte Projektstruktur, einschließlich der Komposition `PragmaLaunch` mit 1920x1080 und 30 fps, und stellt sicher, dass die Gesamtdauer aus den Szenendauern abgeleitet wird, um Inkonsistenzen zu vermeiden. Die Fähigkeit ist Teil eines größeren Repos (wahrscheinlich für Claude Code, Cursor oder Codex) und unterstützt Workflows wie das Öffnen von Remotion Studio zur visuellen Überprüfung, TypeScript-Typenprüfung und das rendern des finalen Videos als README-Artefakt. Darüber hinaus wird die Soundtrack-Generierung über ein separates Skript verwaltet, und Produktaufnahmen müssen nach dem Austausch in Studio auf vollständige Wiedergabe geprüft werden, um eine fehlerfreie Präsentation zu gewährleisten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pragma-sh/pragma/tree/HEAD/skills/launch-video

In Ihrer bevorzugten KI fragen

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

Dokumentation

Wartung des Pragma-Launch-Films

Halten Sie den README-Launch-Film reprouzierbar aus quellcode- und asset-basierten Repository-Quellen.

Projektaufbau

  • launch-video/index.ts registriert den Remotion-Stamm.
  • launch-video/Root.tsx definiert die PragmaLaunch-Komposition bei 1920x1080 und 30 fps.
  • launch-video/PragmaLaunch.tsx beinhaltet die Zeitleiste, Szenendauern und Präsentation.
  • remotion.config.ts verwendet apps/www/public als öffentliches Verzeichnis von Remotion. Lösen Sie Clips, Audio und Agentenmarkierungen mit staticFile() aus diesem Verzeichnis auf; duplizieren Sie keine Assets unter launch-video.
  • .github/assets/pragma-launch.mp4 ist das gerenderte README-Artefakt.

Komponententragende .tsx-Dateien verwenden PascalCase. Halten Sie die Kompositions-ID PragmaLaunch mit dem Stamm-Render-Befehl abgestimmt und leiten Sie die Gesamtkompositionsdauer aus den Szenendauern ab, damit Zeitleistenbearbeitungen nicht zu veralteten Registern führen.

Arbeitsablauf

Führen Sie Befehle aus dem Repository-Stammverzeichnis aus:

bun run video:studio
bun run video:typecheck
bun run video:render

Verwenden Sie Studio, um die gesamte Zeitleiste nach Änderungen an Szenen, Timing, Typografie oder Assets zu überprüfen. Führen Sie die gezielte Typprüfung vor dem Rendern durch. Der Render-Befehl schreibt den verfolgten README-Film nach .github/assets/pragma-launch.mp4 unter Verwendung der Codec- und Qualitätseinstellungen in remotion.config.ts.

Der Soundtrack wird deterministisch von launch-video/generate-lofi.ts generiert. Wenn Sie diesen Generator ändern, führen Sie bun run video:music aus; es ersetzt apps/www/public/media/pragma-lofi.wav. Generieren Sie den Soundtrack nicht für nicht zusammenhängende Video-Änderungen neu.

Produktaufnahmen befinden sich in apps/www/public/media. Wenn Sie eine Aufnahme ersetzen, überprüfen Sie die vollständige Wiedergabe in Studio und aktualisieren Sie die entsprechende Szenendauer in PragmaLaunch.tsx, sodass sie weder abgeschnitten noch von einem eingefrorenen Ende gefolgt wird. Beenden Sie mit der Durchführung der normalen Format- und Qualitätsprüfungen des Repos für jede geänderte Quelldatei.

Verwandte Skills