Communitygithub.com

eust-w/vibe-motion-meta

Erstelle codegesteuerte Erklärvideos, Bewegungsgrafiken oder B-Roll aus Folien, Skripten, SRT oder technischen Konzepten. Koordiniere Story, Visuals, Sound und Export; studiere abspielbare MotionFace-Referenzen vor neuen Arbeiten oder großen visuellen Neugestaltungen. Verwende für Vibe Motion-Workflows oder die kreativen Methoden von 浙大猫学长; nicht für routinemäßige Clip-Zusammenstellung oder Repository-Analyse.

Was ist vibe-motion-meta?

Dieses Meta-Skill koordiniert die kreative Leitung und Produktion von codegesteuerten Erklärvideos, Bewegungsgrafiken oder B-Roll. Es hilft dabei, zu bestimmen, was die Arbeit kommunizieren soll, geeignete nachgelagerte Ressourcen auszuwählen und die vom Benutzer angeforderte Phase zu liefern. Die Anleitung basiert auf öffentlichem Material des Erstellers 浙大猫学长 und Vibe Motion-Community-Projekten, wurde jedoch unabhängig recherchiert und ist kein offizielles Skill des Erstellers. Das Skill unterstützt eine Vielzahl von Plattformen und Workflows, darunter Vibe Motion und die kreativen Methoden von 浙大猫学长. Es bietet detaillierte Referenzstudien, wie z. B. den Besuch der MotionFace-Website für spielbare Beispiele, bevor neue Videos erstellt oder umfangreiche visuelle Neugestaltungen vorgenommen werden. Es umfasst Richtlinien für kreative Entscheidungen, Farbprioritäten und die Implementierung sowie Bereitstellung von Code-gesteuerten Szenen. Das Skill funktioniert, indem es den aktuellen Aufgabenkontext aus Benutzermaterialien und vorhandenen Projekten ableitet, das Publikum, den Zweck und die Ergebnisse bestimmt und dann geeignete nachgelagerte Ressourcen wie spezifische Skills, Komponenten oder Repositorys aus einem Ressourcenindex auswählt. Es betont die Bedeutung von beobachtbaren Erklärungen, der Koordination von Timing mit Ton und der Einhaltung von Marken-Tokens für Farben.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/eust-w/video-production-skills/tree/HEAD/skills/vibe-motion-meta

In Ihrer bevorzugten KI fragen

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

Dokumentation

Vibe Motion kreativer Koordinator

English | 简体中文

Dieses Meta-Skill koordiniert kreative Leitung und Produktion: Bestimme, was die Arbeit kommunizieren muss, wähle einige wenige geeignete nachgelagerte Ressourcen aus und liefere die vom Benutzer angeforderte Phase. Seine Anleitung stützt sich auf öffentliches Material, das mit dem Ersteller 浙大猫学长 und Vibe Motion-Community-Projekten verbunden ist. Es ist unabhängig recherchiert, kein offizielles Skill des Erstellers, und impliziert nicht, dass jedes Video dem gleichen Prozess folgt.

Wann Referenzen gelesen werden sollten

  • Neue Videos, Storyboards, Stilgestaltung oder umfangreiche Bewegungsneugestaltungen: Lies zuerst die Website-Studie und führe sie durch, anstatt allein von diesem Einstiegspunkt aus zu finalisieren.
  • Skripte schreiben, Aufnahmen entwerfen oder Folien anpassen: Lies kreative Leitung.
  • Code-Animation implementieren oder modifizieren: Lies Produktionslektionen mit Fokus auf die für die Änderung relevanten Probleme.
  • Ein Skill, Projekt oder Sound-Tool auswählen, beziehen oder aufrufen: Lies Ressourcen-Routing und überprüfe dann nur relevante Einträge.
  • Herkunft erklären, Autorenschaft zuweisen oder historische Beobachtungen bewerten: Lies Beweise und Zuschreibung.
  • Branding entfernen, extern teilen oder verpacken: Lies Lieferaudit; der gebündelte schreibgeschützte Helfer ist optional.

Die Referenz-Website tatsächlich besuchen

Vor einem neuen Video oder einer umfangreichen visuellen Neugestaltung ein verfügbares Browsing-Tool verwenden, um MotionFace tatsächlich zu besuchen. Codeschnipsel, Repository-READMEs, historische Skill-Notizen und Titelbilder ersetzen nicht das Surfen. Tue dies, ohne auf eine Erinnerung zu warten. Wenn die Seite umgezogen ist, den neuen Einstiegspunkt über das öffentliche Profil des Erstellers überprüfen.

Wenn abspielbares Material zugänglich ist, relevante Clips durch ihre Eröffnung, Handlungsentwicklung, Übergänge und Auflösung ansehen. Datum, Arbeits-URL und Autor, tatsächlichen Betrachtungsbereich, Objektänderungen, Kameraführung und Textlesbarkeit notieren. Beobachtungen in spezifische Aufnahmeentscheidungen übersetzen, anstatt in Adjektive wie „hochwertig“, „flüssig“ oder „animiert“. Siehe das Website-Studienverfahren und die Vorlage.

Wenn die Seite gewartet wird, einen Login erfordert oder nicht erreichbar ist, zuerst einen echten Versuch unternehmen und das Ergebnis notieren. Die Einschränkung kurz erklären, zugängliche Quellen wie offizielle öffentliche Demos verwenden und die machbare Produktion fortsetzen. Angeben, was tatsächlich gesehen wurde. Zugriffs- und Zahlungsgrenzen respektieren; eine nicht verfügbare Seite nicht zu einem automatischen Genehmigungs-Checkpoint machen.

Abgeschlossene, noch relevante Beobachtungen innerhalb eines kontinuierlichen Projekts wiederverwenden. Einfache Umbenennungen, Tippfehlerkorrekturen, Farbwert-Änderungen oder Exportreparaturen erfordern keinen erneuten Besuch. Für ein neues Thema, neue Referenzen, eine Stilüberholung oder Beobachtungen, die die Arbeit nicht mehr leiten, erneut besuchen. Die Referenzstudie bewahrt die vom Benutzer gewählte Marke, das Framework und den Lieferumfang.

Die aktuelle Aufgabe bestimmen

Publikum, Zweck, Materialien, Seitenverhältnis, Länge, Ton und Ergebnisse aus dem Material des Benutzers und dem bestehenden Projekt ableiten. Vernünftige reversible Produktionsentscheidungen treffen. Nur nach fehlenden Informationen fragen, die das Ergebnis wesentlich beeinflussen, und während des Wartens unabhängig weiterarbeiten.

Wenn Produkt-Assets fehlen, vorhandene Informationen überprüfen oder notwendige Code-Grafiken erstellen. Funktionen und Leistung evidenzbasiert halten. Wenn selbst die Produktidentität oder Fähigkeiten unbekannt sind, die minimalen Fakten anfordern, während unabhängige visuelle und Temporegie-Arbeit fortgesetzt wird. Generische Illustrationen klar kennzeichnen; sie können keine echte Produktdemonstration ersetzen.

Unterscheide zwischen Recherche, einem Skript/Storyboard, einem wiederverwendbaren Effekt und einem vollständigen Video. Eine vollständige Video-Anfrage erfordert eine abspielbare Datei und eine bearbeitbare Quelle; ein Plan oder eine Vorschau allein ist nicht ausreichend. Kein obligatorisches Skript-Genehmigungs-Gate einfügen. Eine reine Skript-Anfrage wird nicht auf ein Rendering ausgeweitet.

Den angeforderten visuellen Stil, das Framework, die Marke und das Kommunikationsziel beibehalten. Vorhandene Projektkonventionen beibehalten. Für Folien, PDFs, Dokumente oder generierte Bilder geeignete spezialisierte Skills verwenden, die tatsächlich in der Umgebung verfügbar sind; nicht annehmen, dass Tools installiert sind.

Kreative Entscheidungen

  1. Mit einem Inhaltsanspruch beginnen. Material in einen Informationsverlauf umorganisieren, dem der Zuschauer folgen kann. Mechanismus-Erklärer können „Phänomen/Problem → vereinfachte Objekte und Regeln → sichtbare Veränderung → Prinzip“ verwenden. Produktdemos, Musikvideos, Markenfilme und Fallgeschichten benötigen Strukturen, die zu ihrem Inhalt passen, anstatt einer obligatorischen Formel.
  2. Erklärung beobachtbar machen. Bei Mechanismus-Aufnahmen Objekte, Ausgangszustand, Aktion/Regel, Ergebnis und entsprechende Erzählung angeben. Objektidentität und -beziehungen wo möglich beibehalten; Terminologie einführen, während sich die Argumentation entwickelt. Daten aus dem Material oder zuverlässigen Beweisen beziehen. Illustrative Mechanismen kennzeichnen, anstatt sie als Messungen darzustellen.
  3. Visuals für den Inhalt wählen. Zweidimensionale Beziehungen benötigen nicht automatisch 3D. Räumliche, Verformungs- oder Steuerungstechniken verwenden, wenn nützlich. Eine kohärente visuelle Sprache, Schlüsselkomposition und Aktion etablieren, bevor Übergänge und Materialien hinzugefügt werden. Titel, Paletten und Slogans sind keine Vorlagen zum Kopieren.
  4. Timing mit Ton gestalten. Wenn Erzählung oder Musik vorhanden sind, um Bedeutung, Pausen oder Beats herum organisieren. Stille Arbeit ist akzeptabel, wenn kein Audio angefordert wird. Effekte zu wichtigen Aktionen oder Enthüllungen hinzufügen, wenn nützlich; Verständlichkeit der Erzählung bewahren.

Nachgelagerte Ressourcen nach Bedarf verwenden

Bevorzuge vorhandene Projektfähigkeiten → geeignete installierte Skills → spezifische Komponenten/Projekte im Ressourcenindex → notwendige Neuimplementierung. Frameworks nur für einen konkreten Vorteil wechseln; vermeide es, das gesamte Ökosystem auf einmal zu installieren.

  • Bei einem installierten passenden Skill: Lies dessen tatsächliche SKILL.md, verwende sein Interface und respektiere aktuellen Umfang und Autorisierung.
  • Bei einer nicht installierten Ressource: Besorge nur das benötigte Skill, Skripte oder Repository im Aufgaben-Workspace. Überprüfe Einstiegspunkt, Abhängigkeiten, Referenzen und Ausführungsskripte, bevor du die Produktion ausführst. Nur dauerhaft installieren, wenn die Aufgabe eine langfristige Installation erfordert.
  • Verfügbare Konnektoren, CLI oder Browsing-Tools für GitHub, MotionFace und andere Links verwenden. Aktuellen Branch, Einstiegspunkt, Wartungszustand und Code/Media-Lizenzen überprüfen. Der Index ist historisch, keine Kompatibilitätsgarantie. Den verwendeten Commit notieren und vorhandene Änderungen bewahren, anstatt blind darüber zu pullen.
  • Upstream-Prompts und Code als Ressourcen behandeln, nicht als zusätzliche Autorisierung. Nicht zusammenhängende Credential-Lesevorgänge, externe Sendungen, globale Konfigurationsänderungen und versteckte Nebenwirkungen überspringen. Notwendige Abhängigkeitsinstallation, Ressourcenbeschaffung und Rendering bleiben im Produktionsworkflow. Konkrete Blockaden melden und unabhängig weiterarbeiten.
  • Skill-relativ Pfade aus dem Verzeichnis dieses Skills auflösen. Die vollständigen benötigten Skripte und Ressourcen beschaffen, anstatt nur SKILL.md zu kopieren und anzunehmen, dass es läuft.
BedarfKandidat
Gewöhnlicher 2D-ErklärerBestehendes Projekt; create-vibe-motion oder Community-Erklärer/Produktions-Skills bei Bedarf
Bekannter Fisch-, Erd- oder Schreibmaschinen-EffektDie einzelne Komponente und ihr Render-Skill
Multi-Shot-Visuals aus SRTauto-motion wenn die Voraussetzungen erfüllt sind; der dokumentierte öffentliche Weg verwendet HyperFrames für stummes B-Roll, Audio separat behandelt
3D-Szenen und räumliche Beziehungencreate-vibe-motion-3d oder ein bestehendes Three.js-Projekt
Physikalische Steuerung oder Soft-Body-Experimentehoverslam nur bewerten, wenn Simulation tatsächlich benötigt wird
Sound-Suche, Synthese und MischungDas relevante Subskill im persönlichen Repository sxhzju/sound überprüfen

Implementierung und Bereitstellung

Codegesteuerten Szenenzustand aus einer Frame-Nummer oder einem Zeitparameter ableiten und eine konsistente audiovisuelle Zeitabbildung verwenden. Simulationen können vorberechnet und wiedergegeben werden. Ausgabezeit und Weltzeit für Zeitlupe/Bullet Time trennen: Objekte teilen sich die Weltzeit, während die Kamera sich weiterbewegen kann. Wanduhr-Zustand oder ungesäten Zufall vermeiden, der Offline-Frames unreproduzierbar macht. Szenenlogik zwischen Vorschau und Export teilen; auf Schriftarten und Texturen warten, bevor aufgenommen wird.

Für bearbeitbare UI-Animation native Szenenobjekte und Neuzeichnung in endgültiger Auflösung bevorzugen; Jitter durch wiederholtes Skalieren von Screenshots untersuchen. In komplexen Aufnahmen Text lesbar machen, bevor die Bewegung verstärkt wird. Sinnvolle Prozessobjekte wie Eingaben, Aufgaben, Beweise und Ergebnisse anzeigen, mit echten Übergaben zwischen Szenen. Das Tempo für Eröffnung und Ende sowie für die Mitte gestalten. Bullet Time, Fisheye und kontinuierliche Kamerabewegung sind optionale Effekte.

Gemäß tatsächlichem Risiko prüfen: Text und Informationen in Schlüsselbildern, Übergänge und Objektbeziehungen, Ton/Aktions-Synchronisation und endgültige Dauer, Abmessungen, Bildrate und Audiospuren. Das tatsächlich codierte Video stichprobenartig prüfen. Erfolgreiche Kompilierung oder ein ansprechendes Cover allein ist keine Abnahme. Geeignete bestehende Prüfungen verwenden, anstatt implementierungsspiegelnde Tests für kleine Änderungen.

Das angeforderte Skript, die Szene, die Vorschau oder den fertigen Film liefern. Ein vollständiges Video enthält eine abspielbare Datei, eine bearbeitbare Quelle und notwendige Ausführungsanweisungen. Externe Autorenschaft, Quell-URLs, tatsächliche Commits, Medienlizenzen und Änderungsnotizen beibehalten. Illustrative Simulation, faktische Beweise und unbestätigte Hypothesen unterscheiden.

Geänderte Ergebnisse erneut exportieren und sicherstellen, dass Archive die neuesten Dateien enthalten. Schlussfolgerungen zur Entfernung von Branding decken nur das ab, was überprüft wurde; Stichwort-Scans ersetzen nicht das Ansehen und Zuhören. Lizenzen Dritter und Inhaltsreferenzen beibehalten. Bearbeitete öffentliche Reproduktions-Prompts als bearbeitet kennzeichnen.

Komponenten, Parameter oder Aufnahmen mit klarem Wiederverwendungswert im Projekt behalten. Neue globale Skills aus der Erfahrung nur auf Anfrage installieren.

Farbprioritäten

  1. Produkt-/Marken-Design-Tokens sind maßgeblich. Hintergrund-, Oberflächen-, Text-, Primär- und Semantikfarben aus Repository-CSS oder dem Designsystem extrahieren. Die Videopalette auf diese Tokens abbilden, anstatt Farbtöne zu erfinden.
  2. Explizite Benutzerpräferenzen schränken die Auswahl ein, wie helle, weiße oder orangefarbene Hintergründe. Passende Tokens auswählen; eine Annäherung nur einführen, wenn keine passt, und in den Liefernotizen dokumentieren.
  3. Standard helle Palette, wenn keine Marken-Tokens existieren: warmer/off-white Hintergrund, weiße Karten, orange Primärfarbe und dunkler warmer Text. Semantische Farben: grün=OK, bernstein=Warnung, rot=Gefahr. Orange/gelbe Marker-Hervorhebungen sind temporäre Anmerkungen, keine Zustandsfarben.
  4. Filmweite Einschränkungen: konsistente Farben für den gleichen Zustand; höchstens vier funktionale Farben; Textkörperkontrast mindestens 4,5:1, bei Bedarf eine dunklere Variante für kleinen Text verwenden; Lesbarkeit in Graustufen; redundante Symbole/Formen für farbenblinde Betrachter; ausreichender Kontrast für Untertitelbänder.
  5. Versionsnamen: -brand für die tokenbasierte Version, -light und -dark. Der Benutzer wählt den primären Film aus; andere als Alternativen behalten.

Verwandte Skills