Hyperframes (Design-Skills for Agents)

hyperframes

Katalog-Stub — vollständiges Paket: heygen-com/hyperframes

Hinweis: Erfordert ein HeyGen-Konto für TTS- und Mediengenerierungsfunktionen.

Entscheidungsbaum

1. Ist das Paket bereits installiert? Prüfe: Das Skills-Verzeichnis deines Agenten enthält hyperframes mit Inhalten über diesen Stub hinaus.

   • Ja → rufe hyperframes auf und fahre fort
   • Nein → gehe zu Schritt 2

2. Auf welchem Agenten bist du?

   • Claude Code → npx skills add heygen-com/hyperframes — oder sende ! npx skills add … als Chatnachricht (füge -g für global hinzu, lass es für projektbezogen weg)
   • Cursor → npx skills add heygen-com/hyperframes
   • Andere → npx skills add heygen-com/hyperframes oder siehe GitHub README

Installationsbefehl

npx skills add heygen-com/hyperframes

Ein HeyGen-Konto ist für TTS-, Transkriptions- und Videorenderfunktionen erforderlich. Das Erstellen von Animationen funktioniert ohne Konto.

Nach der Installation aufrufen

• Skill-Name: hyperframes
• Auslösephrasen: "hyperframes", "HTML to video", "HeyGen", "render video from HTML", "Anime.js"

Was es tut

"Schreibe HTML. Rendere Video." — eine Suite von 11 Fähigkeiten, die speziell für KI-Codierungsagenten entwickelt wurden, die Videoausgaben aus HTML-Kompositionen erzeugen müssen. Umfasst: Kompositionserstellung (Erstellung von HTML/CSS/JS-Szenen), Text-to-Speech und Transkription über HeyGen, einen CLI-gesteuerten Rendering-Workflow, ein Asset-Register für wiederverwendbare Medien, URL-Erfassung zum Abrufen von Live-Webinhalten sowie sechs Animations-Unterfähigkeiten, die GSAP, Anime.js, reine CSS-Animationen, Lottie-Wiedergabe, Three.js 3D und die Web Animations API (WAAPI) abdecken. Von Grund auf für agentengesteuerte Videoproduktionspipelines entwickelt.

Wann NICHT verwenden

• Statische Animation ohne Videoausgabe (verwende gsap-skills, framer-motion-skills oder animate-css-skill)
• Wenn du kein HeyGen-Konto hast — Mediengenerierungsfunktionen (TTS, Videorender) funktionieren nicht