Communitygithub.com

szc0201/manim-remotion-explainer-skill

Erstelle und rendere codegenerierte Mathematik- und Wissenschaftserklärvideos mit Remotion, React/SVG und transparenten Manim-Sequenzen. Ideal für formelgetriebene Erklärvideos, Wellenform- oder Spektrumdarstellungen und synchronisierte Untertitel-Zeitachsen, die ein verifiziertes MP4 liefern müssen.

Was ist manim-remotion-explainer-skill?

Dieser Skill ermöglicht es Entwicklern und Inhaltserstellern, komplexe mathematische und wissenschaftliche Konzepte in hochwertige Erklärvideos umzusetzen, indem die Stärken von Remotion (Timeline-Steuerung, Typografie, SVG-Diagramme, Audio, Untertitel) und Manim (TeX-Qualitätsformeln, Koordinatengeometrie) kombiniert werden. Der Skill unterstützt Plattformen wie Claude Code, Cursor, Codex und Windsurf. Er arbeitet, indem ein Projekt aus einer Vorlage erstellt wird, Manim-Sequenzen als transparente PNG-Frames in `public/manim/<scene>/` gerendert werden und diese dann in Remotion mit React-Komponenten (`useCurrentFrame()`, `interpolate()`, `spring()`) zeitgesteuert abgespielt werden. Er enthält Skripte zur Umgebungsprüfung (`check_environment.ps1`), Projekterstellung (`create_project.ps1`) und Medienverifikation (`verify_media.py`). Der Skill stellt sicher, dass wissenschaftliche Daten konsistent bleiben, chinesische Beschriftungen in Remotion belassen werden und das finale MP4 mit ffprobe auf korrekte Metadaten und Audio-Pegel geprüft wird.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add szc0201/manim-remotion-explainer-skill

In Ihrer bevorzugten KI fragen

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

Dokumentation

Manim + Remotion Erklärvideo

Erstelle das funktionsfähige Projekt und rendere das Video, nicht nur ein Storyboard. Verwende Remotion für die Zeitachsensteuerung, Typografie, SVG-Diagramme, Audio, Untertitel und Szenenkomposition. Verwende Manim für Formeln und mathematische Plots, die von TeX-Qualitätstypografie und Koordinatengeometrie profitieren.

Verwende diesen Skill nicht für Live-Action-Schnitt, Talking-Head-Aufnahmen oder reine Bild-Foliensätze.

Start

  1. Untersuche die Aufgabenstellung, vorhandene Assets, Zielabmessungen, Dauer, Bildrate, Audio-Richtlinie und den Manim-Einstiegspunkt.
  2. Überprüfe die Umgebung:
pwsh -File scripts/check_environment.ps1 -ManimExe "D:\Manim\manim.cmd"
  1. Erstelle für ein neues Video ein Projekt aus der enthaltenen Arbeitsvorlage:
pwsh -File scripts/create_project.ps1 -Destination "C:\path\to\new-video" -ManimExe "D:\Manim\manim.cmd" -Install -GenerateAssets

Wenn ein Projekt bereits existiert, verwende es weiter und behalte nicht zusammenhängende Änderungen bei.

Produktionsregeln

  • Konvertiere die Zeitachse in exakte Bildnummern, bevor du Szenen implementierst.
  • Verwende useCurrentFrame(), interpolate(), spring() und Sequence für Remotion-Animationen. Verwende keine CSS-Übergänge.
  • Rendere Manim mit transparenten PNG-Sequenzen, sammle sie unter public/manim/<scene>/ und wähle das aktuelle Bild in React aus. Dies vermeidet unzuverlässige Alpha-Video-Pfade.
  • Halte wissenschaftliche Daten in einer gemeinsamen Quelle. Ein Spektrum muss aus demselben Signal berechnet werden, das im Zeitbereich gezeigt wird.
  • Behalte chinesische Beschriftungen und Untertitel in Remotion. Baue kein zweites Untertitelsystem in Manim.
  • Erzeuge oder verwende nur lizenzierte Audiodaten. Gib niemals an, dass fehlendes Audio vorhanden ist.
  • Überprüfe repräsentative Frames visuell und inspiziere das codierte MP4 mit ffprobe und Audio-RMS vor der Auslieferung.

Unterstützende Ressourcen

  • Lies references/workflow.md für die End-to-End-Architektur, das Rendering, die Integration von Bildsequenzen und die Qualitätssicherung.
  • Lies references/scientific-animation.md, bevor du Behauptungen zu Fourier, Signalverarbeitung oder aktiver Geräuschunterdrückung aufstellst.
  • Verwende scripts/create_project.ps1, um die Arbeitsvorlage zu kopieren.
  • Verwende scripts/verify_media.py, um Stream-Metadaten, Audio und repräsentative Frames zu überprüfen.
  • Startprojekt: assets/project-template/. Passe es an, anstatt den Demo-Text als den angeforderten Inhalt zu behandeln.

Abschlusskriterien

Liefere den MP4-Pfad, das Quellprojekt, optional ein Kontaktblatt und eine wahrheitsgemäße Verifizierungszusammenfassung mit Abmessungen, Dauer, FPS, Codecs und ungelösten Einschränkungen. Ein nicht gerendertes Projekt ist kein fertiges Video.

Verwandte Skills