Un curso completo sobre la Skill HyperFrames: videos explicativos narrados, animados y renderizados localmente — sin clave de API. Del concepto de Skill al MP4 final en 16:9 y 9:16. Este mismo material nació de un video hecho con un skill.
Diagrama ilustrativo del pipeline de HyperFrames
Del concepto de Skill a tu biblioteca de videos funcionando en Reels.
Qué es una Skill, el archivo SKILL.md, name + description, la divulgación progresiva y dónde viven. El contenido del video, por escrito.
4 módulos · básico →Cómo crear un video en HyperFrames: configuración, guion, narración TTS local, composición de escenas, GSAP, lint, inspect y render en los dos formatos.
5 módulos · práctico →Cómo se creó la skill video-explicativo y qué hace: estructura de archivos, house style, el generador build-index.mjs y los problemas resueltos.
4 módulos · avanzado →Dónde usar la herramienta: YouTube, Shorts/Reels, onboarding de producto, clases y lanzamientos. Con una biblioteca de prompts listos para pegar en Claude Code.
3 módulos · práctico →Claude escribe el guion en 6–9 escenas, genera la narración en PT-BR con TTS local (Kokoro) y mide las duraciones reales.
Un generador crea cada escena en HTML + GSAP, con el audio y la animación sincronizados por el mismo array de tiempos. Dark premium, acento ámbar.
HyperFrames ejecuta Chrome headless + FFmpeg y exporta el video en 16:9 (YouTube) y 9:16 (Shorts/Reels). Sin nube, sin API.
Es solo una carpeta con un SKILL.md, tres scripts y tres referencias. Colócalos en ~/.claude/skills/ (global) o .claude/skills/ (del proyecto) y pídele un video a Claude Code. Este curso completo explica cada archivo de ella.