Kostenlos
Maison Vey · 16:9
Mit diesem Skill gerendert
Social-Post-Karte v1.0.0
Eine animierte Post-Karte im X-Stil, die über dein Video gleitet, während Likes, Reposts und Aufrufe hochzählen.
Noch keine Bewertungen 0 Downloads
- Format
- Video · 16:9
- Länge
- 0:05
Kostenlos Kostenlos mit Konto
Füge das in deinen Agent ein. Er verbindet bei Bedarf die CLI und installiert dann den Skill.
Ein kostenloser HyperFrames-Block für ein 5-sekündiges Post-Overlay. Eine dunkle Social-Post-Karte mit Avatar, Name, Handle, Verifizierungs-Badge, Post-Text, Zeitstempel und Interaktionsleiste gleitet herein, das Like färbt sich pink, die Zahlen steigen, dann blendet sie aus. Name, Handle, Text und Zahlen werden im HTML bearbeitet; der Hintergrund ist transparent, damit du sie über ein Video legen kannst.
Aktualisiert am 3. Nov. 2026
Das bekommst du
- Ein 5-sekündiges Post-Karten-Overlay mit transparentem Hintergrund
- Ein animiertes Like und steigende Interaktionszahlen
- Eine Anleitung, wie du es über dein Video legst
Gut geeignet für
- Testimonials und Pressezitate
- Launch-Ankündigungen in Videos
- Erklärvideos, die einen Post zitieren
Nicht geeignet für
- Posts anderer Leute ohne deren Erlaubnis zeigen
- Eine eigenständige Vollbild-Anzeige
Über diesen Skill
Du sagst
/x-post Mach eine Social-Post-Karte für Maison Vey (@maisonvey): „Ambre Nuit is here. Amber, smoked vanilla and a little night air, in a bottle you will want to keep on the shelf. #AmbreNuit“, über unserer Parfüm-Aufnahme.
Ein starker Post im Bild ist Social Proof auf einen Blick. Social-Post-Karte animiert ihn im vertrauten X-Stil, mit aufpoppendem Like und steigenden Zahlen, sodass du ein Kundenzitat, eine Launch-Ankündigung oder eine Bewertung über jede Aufnahme legen kannst.
So funktioniert es
- Anfrage: Nenne deinem Agenten Name, Handle, Post-Text und Interaktionszahlen sowie die Aufnahme, über der die Karte liegen soll.
- Befüllen: Er trägt deinen Text und deine Farben in die Variablen des Blocks ein und hält die Texte nah an der Länge, für die das Layout gemacht ist.
- Rendern: Er rendert mit
npx hyperframes rendereinen Entwurf, prüft ein paar Frames und rendert dann das finale MP4. - Wiederverwenden: Die Variablen liegen in einer kleinen JSON-Datei; die nächste Version ist also nur ein weiterer Render.
Tipps
- Halte den Post unter etwa 140 Zeichen, damit er bei drei Zeilen bleibt.
- Nimm ein quadratisches Avatarbild.
- Die Karte hat einen transparenten Hintergrund. Render sie also mit Alphakanal und leg sie über dein eigenes Video oder Foto; die SKILL.md zeigt die beiden Befehle.
- Entferne das Plattform-Logo, wenn dir eine neutrale Karte lieber ist; unser Beispiel macht das.
Open Source
Dies ist ein Block aus der HyperFrames-Registry. Er stammt von HeyGen und den HyperFrames-Mitwirkenden (heygen-com/hyperframes) und steht unter der Apache License 2.0. Der Download ist der Block samt Assets und einer von Reelity geschriebenen SKILL.md, damit dein Agent weiß, wie er ihn befüllt und rendert; HyperFrames selbst läuft über npm.
Was du vorab brauchst
- Du lieferst
- Den Post-Text, einen Namen und Handle, einen Avatar und die Aufnahme, über die die Karte gelegt wird.
- Abhängigkeiten
- Node.js 22 oder neuer — erforderlich · FFmpeg — erforderlich
- Externe Kosten
- Keine. HyperFrames ist kostenlos und Open Source und rendert auf deinem eigenen Rechner.
- Zuletzt getestet
- v1.0.0 —
Nutzerbewertungen
Noch keine Bewertungen. Installiere den Skill und bewerte ihn als Erste:r.
FAQ
Kann ich die Zahlen ändern?
Ja. Antworten, Reposts, Likes und Aufrufe sind einfacher Text im HTML.
Muss das X-Logo zu sehen sein?
Nein. Das Logo ist ein kleines Element im HTML; unser Beispiel entfernt es für eine neutrale Karte.
Warum ist es kostenlos?
Es ist ein Open-Source-Block für HyperFrames von HeyGen und den HyperFrames-Mitwirkenden. Wir listen ihn unverändert, mit einer SKILL.md, damit dein Agent ihn nutzen kann, und einem Beispiel, das wir mit unserer Hausmarke Maison Vey erstellt haben.
