Creación de geometría en Three.js: formas integradas, BufferGeometry, geometría a medida e instancing. Úsalo al crear formas 3D, trabajar con vértices o optimizar con renderizado instanciado.
Texturas en Three.js: tipos de textura, mapeo UV, mapas de entorno y ajustes. Úsalo al trabajar con imágenes, coordenadas UV, cubemaps, entornos HDR u optimización de texturas.
Transcribe audio a texto con Azure AI Speech (API REST Fast Transcription). Proveedor STT en la nube opcional, preferido cuando AZURE_SPEECH_KEY está configurada.
Léelo primero ante cualquier petición de hacer, editar, animar o renderizar vídeo, animación o motion graphics. HyperFrames renderiza vídeo desde HTML y enruta la petición al workflow adecuado.
Buenas prácticas de Manim Community Edition: estructura de Scene, animaciones, LaTeX/MathTex, 3D con ThreeDScene, control de cámara, estilo y uso del CLI. No sirve para ManimGL/3b1b.
Genera música con la API Music de ElevenLabs. Úsalo para pistas instrumentales, canciones con letra, música de fondo o jingles, con planes de composición para control granular.
Patrones de Remotion propios del toolkit: transiciones a medida, componentes compartidos y convenciones de proyecto. Para el framework en sí, mira el skill remotion-official.
Genera vídeo cinematográfico de 4-30 s con ByteDance Seedance 2.5 por fal.ai, Volcengine Ark, Runway o ComfyUI. Cubre el contrato de prompt 2.5, cortes duros, locks de continuidad y voz.
Revisa código de interfaz según las Web Interface Guidelines. Úsalo cuando pidan "revisa mi UI", "comprueba la accesibilidad", "audita el diseño" o "revisa la UX".
Construye sistemas de diseño escalables con Tailwind CSS v4, tokens de diseño, librerías de componentes y patrones responsivos. Úsalo al crear librerías de componentes o estandarizar la interfaz.
Genera vídeos con IA desde texto usando varias pasarelas — HeyGen, fal.ai, Kling y Gemini — con soporte de imagen a vídeo y comparación entre VEO, Kling, Sora, Runway, Seedance y MiniMax.
Porta una composición de Remotion (React) a HTML de HyperFrames. Úsalo solo cuando el usuario pida explícitamente portar, convertir o migrar una fuente de Remotion.
Guía al usuario para configurar una clave de API de ElevenLabs. Comprueba primero si ELEVENLABS_API_KEY ya está configurada y es válida, y solo entonces ejecuta la configuración completa.
Patrones de composición en React que escalan. Úsalo al refactorizar componentes con exceso de props booleanas, construir librerías de componentes o diseñar APIs reutilizables. Incluye React 19.
Descarga vídeo y audio de YouTube y más de 1.000 sitios con yt-dlp, sin claves de API. Úsalo para bajar vídeos, extraer audio, descargar subtítulos o consultar metadatos.
Crea, extrae y aplica sistemas de diseño visual portables mediante archivos visual-style.md, con conectores para vídeos de HeyGen, diapositivas HTML, Figma y paper.design, y una galería de estilos.
Genera o edita imágenes y vídeos por la pasarela Atlas Cloud: Seedance 2.5/2.0, Gemini Omni Flash, MiniMax H3, Seedream 5.0, GPT Image 2 y Nano Banana 2 con una sola ATLASCLOUD_API_KEY.
Skill oficial de GSAP para React: hook useGSAP, refs, gsap.context() y limpieza. Úsalo para animación en React o Next.js, o al preguntar por GSAP con React o la limpieza al desmontar.
Revisa animación de personaje local con comprobaciones de esquema, previsualizaciones en navegador con Playwright, muestreo de fotogramas y verificación final con FFmpeg/ffprobe.
Crea vídeos a partir de un prompt de texto con el Video Agent de HeyGen. Úsalo para explicativos, demos o vídeos de marketing sin especificar avatares, voces ni escenas.
Integración con DashScope (Alibaba Cloud Bailian / 阿里云百炼): generación de imágenes (qwen-image-2.0-pro), texto a voz (qwen3-tts-flash) y ASR con marcas de tiempo por palabra (qwen3-asr-flash-filetrans).
Genera voces en off, efectos de sonido y música con las APIs de ElevenLabs. Úsalo para crear audio de vídeos, podcasts o juegos, incluida la clonación de voz.
Guía de generación de imagen y vídeo con xAI Grok: autenticación, endpoints, estructura de prompt, edición de imagen, vídeo con imagen de referencia y polling asíncrono.
Skill oficial de GSAP para Vue, Svelte y otros frameworks no-React: ciclo de vida, acotado de selectores y limpieza al desmontar. Para React, usa gsap-react.
El contrato de composición de HyperFrames para construir un proyecto renderizable: estructura, atributos data-* de tiempo, class="clip", tracks, sub-composiciones, variables y reglas de render determinista.
Dirección creativa no relacionada con la animación para vídeos de HyperFrames: especificaciones de diseño (frame.md / design.md), paletas, tipografía, narración, beats, visuales reactivos al audio y decisiones de marca.
Úsalo para motion graphics cortos guiados por diseño donde el movimiento es el mensaje: tipografía cinética, contadores, stings de logo, rótulos y superposiciones, en MP4 o con fondo transparente.
Guía oficial de la API directa de Kling para los proveedores de OpenMontage. Úsala antes de llamar a kling_official_video, kling_official_image, kling_tts, kling_avatar o kling_lip_sync.
Generación de vídeo con IA usando LTX-2.3 22B: clips de texto a vídeo e imagen a vídeo para producción. Úsalo para generar clips, animar imágenes, crear b-roll o fondos animados.
Agent Media OS: resuelve cualquier necesidad de medios (BGM, SFX, imagen, icono) en un archivo local congelado con registro. Un solo verbo, resolve, cubre caché, búsqueda, congelado y registro.
Genera vídeo con MiniMax H3 (Hailuo 3.0) por la API oficial v2, fal.ai, Runway, nodos partner de ComfyUI o pesos abiertos locales. Clips de 4-15s a 2K con animación de primer/último fotograma.
Pautas de optimización de rendimiento para React y Next.js del equipo de ingeniería de Vercel. Úsalo al escribir, revisar o refactorizar código React/Next.js.
Traduce y dobla vídeos existentes a varios idiomas con HeyGen. Úsalo para traducir un vídeo, doblarlo con lip-sync, crear versiones multiidioma o traducir solo el audio.
Genera efectos de sonido a partir de descripciones en texto con ElevenLabs. Úsalo para efectos, texturas de audio, ambientes, impactos cinematográficos o sonidos de interfaz.
Transcribe audio a texto con ElevenLabs Scribe v2. Úsalo para convertir audio o vídeo a texto, generar subtítulos, transcribir reuniones o procesar contenido hablado.
Anima rigs SVG de personaje con GSAP, transformaciones CSS, control por fotograma de Remotion y previsualizaciones en navegador compatibles con HyperFrames.
Genera audio de voz a partir de texto con el modelo Starfish TTS de HeyGen: selección de voz, control de velocidad y tono, y listado de voces por idioma o género.
Interacción en Three.js: raycasting, controles, entrada de ratón y táctil, y selección de objetos. Úsalo al gestionar entrada del usuario, detectar clics o añadir controles de cámara.
Post-procesado en Three.js: EffectComposer, bloom, profundidad de campo y efectos de pantalla. Úsalo al añadir efectos visuales, gradación de color, desenfoque o brillo.
Animación en Three.js: keyframes, animación esquelética, morph targets y mezcla de animaciones. Úsalo al animar objetos, reproducir animaciones GLTF o crear movimiento procedural.
Iluminación en Three.js: tipos de luz, sombras e iluminación de entorno. Úsalo al añadir luces, configurar sombras, montar IBL u optimizar el rendimiento de la iluminación.
Shaders en Three.js: GLSL, ShaderMaterial, uniforms y efectos propios. Úsalo al crear efectos visuales a medida, modificar vértices o escribir fragment shaders.
Construye agentes de voz con ElevenLabs. Úsalo al crear asistentes de voz, bots de atención al cliente, personajes de voz interactivos o cualquier conversación de voz en tiempo real.
Fundamentos de Three.js: montaje de escena, cámaras, renderer, jerarquía de Object3D y sistemas de coordenadas. Úsalo al montar escenas 3D o trabajar con transformaciones.
Carga de activos en Three.js: GLTF, texturas, imágenes, modelos y patrones asíncronos. Úsalo al cargar modelos 3D, texturas o entornos HDR, y al gestionar el progreso de carga.
Skill oficial de GSAP para rendimiento: preferir transforms, evitar layout thrashing, will-change y batching. Úsalo al optimizar animaciones, reducir jank o buscar 60 fps.
Skill oficial de GSAP para timelines: gsap.timeline(), parámetro de posición, anidado y control de reproducción. Úsalo al secuenciar animaciones o coreografiar keyframes.
Materiales de Three.js: PBR, basic, phong, materiales de shader y propiedades de material. Úsalo al dar estilo a mallas, trabajar con texturas o crear shaders propios.
Construye mundos Three.js deterministas, editables y de punto de vista libre desde texto o briefs. Úsalo para terreno cinematográfico, regiones semánticas, biomas procedurales, hitos y vuelos de cámara.
Skill oficial de GSAP para plugins: registro, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, plugins de SVG y física, CustomEase y GSDevTools.
Todo el conocimiento de animación de HyperFrames: reglas de movimiento atómicas, blueprints de escena multifase, transiciones y siete runtimes (GSAP por defecto, más Lottie, Three.js, Anime.js, CSS, WAAPI y TypeGPU).
Instala y cablea bloques y componentes del registro en composiciones de HyperFrames. Cubre el comando add, ubicaciones de instalación, cableado, descubrimiento y autoría de bloques nuevos.
Buenas prácticas de ManimGL (la versión de Grant Sanderson): InteractiveScene, Tex con t2c, control de cámara, modo interactivo con -se, renderizado 3D y flujo de checkpoint_paste().
[OBSOLETO] Usa create-video para generación de vídeo por prompt o avatar-video para control preciso de avatar y escena. Este skill heredado combina ambos flujos.
Skill oficial de GSAP para ScrollTrigger: animaciones ligadas al scroll, pinning, scrub y triggers. Úsalo para animación de scroll, parallax o secciones fijadas.
Genera, reconstruye, inspecciona y enruta activos 3D de producción para mundos de OpenMontage con Atlas Cloud, fal.ai, catálogos con licencia y Blender.
Audio y medios para composiciones de HyperFrames desde un motor compartido: TTS multiproveedor, música de fondo, efectos, transcripción con Whisper, eliminación de fondo y redacción de subtítulos.
Crea vídeos de avatar con IA controlando avatar, voz, guion, escenas y fondos mediante la API v2 de HeyGen, incluido WebM transparente e integración con Remotion.
Guía de integración de la API BFL FLUX: endpoints, polling asíncrono, límites de tasa, manejo de errores, webhooks y endpoints regionales, con ejemplos en Python y TypeScript.
Úsalo al trabajar con workflows de ComfyUI en OpenMontage: comfyui_image/video/music, workflows propios, selección de output_node, modelos que faltan, LoRAs, poca VRAM e importación de workflows de la comunidad.
Genera narración en mandarín y multilingüe con Volcengine Doubao Speech 2.0. Úsalo para voces en off en chino o cuando la narración necesite marcas de tiempo por carácter.
Genera narración con voces neuronales usando Azure AI Speech (text-to-speech REST). Proveedor TTS en la nube opcional, preferido cuando AZURE_SPEECH_KEY está configurada.
Crea visualizaciones de datos interactivas con d3.js. Úsalo para gráficos a medida, diagramas de red, visualizaciones geográficas o cualquier SVG complejo que necesite control fino de elementos, transiciones e interacciones.
Cambia caras en un vídeo con IA mediante la API de HeyGen. Úsalo para reemplazar una cara, aplicar la de una imagen origen sobre un vídeo o personalizar vídeos con la cara de alguien.
Genera y edita conversacionalmente vídeos cortos con Google Gemini Omni Flash: itera con ediciones en lenguaje natural, clips de 3-10s a 720p con audio y texto en pantalla, e imágenes de referencia por etiquetas.
Guía completa para los modelos de generación de imagen BFL FLUX: prompting, T2I, I2I, JSON estructurado, colores hex, tipografía, edición multi-referencia y buenas prácticas por modelo.
Skill oficial de GSAP para la API central: gsap.to(), from(), fromTo(), easing, duración, stagger, defaults y gsap.matchMedia() para animación responsiva y reduced-motion.
Genera y valida música con Google Lyria 3 a través de la API de Gemini Interactions. Úsalo antes de llamar a google_music, al diseñar prompts de Lyria 3 o al preparar música de duración exacta.
Graba interacciones de navegador en vídeo con Playwright. Úsalo para capturar demos, recorridos de aplicación y flujos de interfaz para vídeos de Remotion.
Bucle de desarrollo del CLI de HyperFrames: init, add, preview, render, publish, doctor y demás comandos, más el renderizado en la nube con AWS Lambda.
Úsalo cuando el usuario tenga una pista de música y quiera un vídeo HyperFrames sincronizado al beat. Un analizador lee la música una vez y el orquestador reparte los frames sobre esa rejilla.
Convierte ideas vagas de vídeo en planes detallados escena por escena (scenes.md). Investiga, pregunta por público y alcance, y produce especificaciones listas para implementar con ManimCE o ManimGL.
Genera clips cinematográficos con ByteDance Seedance 2.0, el modelo de vídeo premium por defecto en OpenMontage: audio sincronizado nativo, cortes multi-plano, control de cámara y lip-sync.
Crea vídeos profesionales de forma autónoma con claude-code-video-toolkit: voces en off con IA, generación de imágenes, música, cabezas parlantes y renderizado con Remotion.
Captura una web y la convierte en un vídeo de HyperFrames — tour del sitio, showcase o clip social — usando capturas con Chrome headless y los activos de marca del propio sitio.