Kostenlos
Ember & Bun · 4:5
Mit diesem Skill gerendert
Rangliste als Rennen v1.0.0
Eine Rangliste, in der der Avatar jeder Person über ihre Zeile hüpft – so schnell, wie ihre Zahl es vorgibt, die Spitze am schnellsten.
Noch keine Bewertungen 0 Downloads
- Format
- Video · 4:5
- Länge
- 0:16
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 eine 16-sekündige Rangliste im Format 4:5. Unter Dachzeile, Titel, Zeitraum und Gesamtzahl bekommt jede Person eine Zeile mit Namen und Zahl, und ihr Avatar oder ihre Initialen hüpfen über die Zeile; je mehr sie geschafft hat, desto schneller geht es. Dachzeile, Titel, Zeitraum, Gesamtzahl, Fußzeile, Quelle und die Zeilen (Name, Zahl, Avatar) sind Variablen; der Hintergrund ist transparent.
Aktualisiert am 4. Nov. 2026
Das bekommst du
- Eine 16-sekündige Rangliste in 1080×1350 mit transparentem Hintergrund
- Avatare, die in einem Tempo hüpfen, das jede Zahl vorgibt
- Variablen für jede Beschriftung und die Zeilen
Gut geeignet für
- Shout-outs für Team und Community
- Ranglisten für Vertrieb, Lieferung und Support
- Rückblicke auf Open-Source-Beiträge
Nicht geeignet für
- Dutzende Personen
- Präzise Vergleiche
Über diesen Skill
Du sagst
/week-in-merges Mach eine Rangliste als Rennen für Ember & Bun: „Orders delivered this week“, 27. Oktober bis 2. November, 412 Bestellungen, Fahrer Sam 96, Priya 88, Leo 74, Ana 66, Tomas 51 und Mei 37.
Ranglisten machen Ergebnisse unterhaltsam. Rangliste als Rennen verwandelt die Zahlen einer Woche (Lieferungen, Verkäufe, Anmeldungen, Pull Requests) in ein Rennen, in dem jede Person in ihrem eigenen Tempo über ihre Zeile hüpft. So ist sofort klar, wer vorne liegt, und alle bekommen ihren Moment.
So funktioniert es
- Anfrage: Nenne deinem Agenten, wer auf der Liste steht, die Zahl jeder Person, was gezählt wird und den Zeitraum.
- 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
- Sechs bis acht Zeilen lesen sich in 4:5 am besten.
- Nimm Fotos als Avatare oder lass sie leer, dann erscheinen Initialen.
- Der Hintergrund ist transparent. Render ihn also mit Alphakanal und leg ihn über dein eigenes Video, ein Foto oder eine einfarbige Fläche; die SKILL.md zeigt die beiden Befehle.
- Poste sie in LinkedIn- oder Instagram-Feeds; sie ist in 1080×1350 gebaut.
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
- Namen und Zahlen für sechs bis acht Personen, was gezählt wird und den Zeitraum.
- 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
Was wird gezählt?
Alles, was du willst: Das Beispiel zählt Lieferungen. Das Einheitswort steht im HTML, und jede Beschriftung ist eine Variable.
Kann ich Fotos hinzufügen?
Ja. Jede Zeile nimmt ein Avatarbild; leere Zeilen zeigen Initialen.
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 Ember & Bun erstellt haben.
