website-to-video

Use when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), or automation envelopes drawn on a track's volume or any effect parameter. Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

Sämtliches Animationswissen für HyperFrames – atomare Bewegungsregeln, mehrphasige Szenenbaupläne, Szenenübergänge, umfassendere Motion-Design-Techniken UND die sieben Laufzeitadapter (GSAP-Standard, plus Lottie, Three.js, Anime.js, CSS-Keyframes, Web Animations API, TypeGPU). Für jede Bewegungs- oder Animationsaufgabe verwendbar: 2-4 Regeln auswählen und kombinieren, einen Bauplan laden oder laufzeitspezifische API nachschlagen (z. B. GSAP-Easing / Lottie-Player / Three.js-Mixer). HyperFrames-nativ: einzelne pausierte Timeline, suchsicher,...

HyperFrames HTML-Kompositionsvertrag. Verwendung für Kompositionsstruktur, Datenattribute, Clips, Tracks, Unterkompositionen, Variablen, Medienwiedergabe, deterministische Renderregeln und Validierung minimal renderbarer Projekte.

Asset-Vorverarbeitung für HyperFrames-Kompositionen — Multi-Provider TTS (HeyGen / ElevenLabs / Kokoro lokal), Multi-Provider BGM (Google Lyria / lokales MusicGen), Whisper-Transkription, Hintergrundentfernung und Untertitel-Erstellung. Verwendung für npx hyperframes tts, bgm, transcribe, remove-background, voice/provider-Auswahl, music-mood-Prompting, captions / subtitles / lyrics / karaoke / per-word-styling.

Installieren und einbinden von Registry-Blöcken und -Komponenten in HyperFrames-Kompositionen. Verwenden beim Ausführen von hyperframes add, Installieren eines Blocks oder einer Komponente, Einbinden eines installierten Elements in index.html oder Arbeiten mit hyperframes.json. Umfasst den add-Befehl, Installationsorte, Einbindung von Block-Unterkompositionen, Zusammenführung von Komponenten-Snippets, Registry-Erkennung und Erstellung eines neuen Blocks oder einer neuen Komponente für einen Upstream-Beitrag (Idee → Gerüst → Validierung → PR).

Wird als Fallback für die Erstellung benutzerdefinierter HyperFrames-HTML-Videokompositionen verwendet, wenn kein spezialisierter Workflow passt. Deckt längere oder mehrszenige Stücke, Brand-/Sizzle-Reels, Montagen, Titelcards, Motion-Poster in voller Länge, statische Loops und freie Kompositionen jeder Länge oder jedes Formats ab. Nicht für vermarktete Produkt-Promos (product-launch-video), allgemeine Website-zu-Video-Aufnahmen (website-to-video), thematische Erklärvideos (faceless-explainer), GitHub-PR-Videos (pr-to-video), Untertitelung vorhandenen Filmmaterials...

Verwenden, wenn der Benutzer ein kurzes, designorientiertes Bewegtbild wünscht, bei dem die Bewegung die Botschaft ist: kinetische Typografie, Statistik- oder Zahlen-Count-up, Chart-/Datenvisualisierungs-Effekt, Logo-Sting, Brand-Lockup, Lower-Third, Callout, Social-Overlay, animierte Schlagzeile/Tweet/News-Element, Motion-Poster oder kurze hervorgehobene Seitenaufnahme. Meist unter 10 s und bis zu ~30 s, ohne Erzählbogen, Voice-Over oder Live-Action-Subjekt. Kann als MP4 oder transparentes Overlay ausgegeben werden. Nicht für längere, mehrszenige, erzählte oder Brand-Reel-Stücke...