✦ Studio-Tipp
Aurelle · 9:16
Mit diesem Skill gerendert
Follow-Karte (Foto-App) v1.0.0
Eine Profilkarte im Instagram-Stil poppt mit deinem Avatar, Namen und deiner Follower-Zahl auf, und der Follow-Button wechselt zu Following.
Noch keine Bewertungen 0 Downloads
- Format
- Kurzvideo · 9:16
- 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 einen 4,5-sekündigen Follow-Call-to-Action. Eine dunkle Profilpille mit deinem Avatar, Namen, Verifizierungs-Badge, Handle und Follower-Zahl springt auf, ein Tippen ohne Cursor macht aus dem blauen Follow-Button Following, und die Karte kommt zur Ruhe. Name, Handle, Zahl und Avatar werden im HTML bearbeitet; der Hintergrund ist transparent.
Aktualisiert am 3. Nov. 2026
Das bekommst du
- Ein 4,5-sekündiges Overlay in 1080×1920 mit transparentem Hintergrund
- Eine Profilkarte und ein animiertes Tippen auf Follow
- Eine Anleitung, wie du es über dein Video legst
Gut geeignet für
- Endkarten für Reels und Stories
- Wachstum von Creator- und Markenaccounts
- Collab- und Gewinnspiel-Posts
Nicht geeignet für
- Videos im Querformat
- Lange Calls-to-Action
Über diesen Skill
Du sagst
/instagram-follow Mach eine Follow-Karte im Instagram-Stil für Aurelle (@aurelle.gold, 48.2K Follower) mit dem Armband-Stack als Avatar, über unserer Armband-Aufnahme.
Beende dein Video mit einer Bitte, die alle sofort verstehen. Follow-Karte zeigt dein Profil im vertrauten Stil einer Foto-App und spielt das Tippen auf Follow ab, damit Zuschauer genau wissen, was sie als Nächstes tun sollen.
So funktioniert es
- Anfrage: Nenne deinem Agenten deinen Anzeigenamen, dein Handle, deine Follower-Zahl und einen quadratischen Avatar, dazu die Aufnahme, über der die Karte liegt.
- 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
- Nimm einen quadratischen, schlichten Avatar, der auch klein gut lesbar ist.
- Runde die Follower-Zahl, etwa auf 48.2K.
- 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.
- Platziere sie im unteren Drittel des Bildes, wie in unserem Beispiel.
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
- Deinen Namen, dein Handle, deine Follower-Zahl, einen quadratischen 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 Farbe des Buttons ändern?
Ja. Sie ist einfaches CSS im HTML.
Gibt es eine Version für Kurzvideo-Apps?
Ja, die Follow-Karte (Video-App) ist dieselbe Idee in einem anderen Stil.
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 Aurelle erstellt haben.
