Gráficos Kadr

Lee el archivo readme.md dentro de esta habilidad y explora los otros archivos disponibles.

Si estás creando artefactos visuales (reels, superposiciones gráficas, piezas animadas, maquetas), copia los recursos y crea archivos HTML estáticos para que el usuario pueda visualizarlos. Si trabajas en código de producción, copia los recursos y sigue las reglas aquí descritas.

Si el usuario invoca esta habilidad sin ninguna otra indicación, pregúntale qué vídeo está haciendo (tema, duración, plataforma, metraje que tiene) y luego diseña los gráficos correspondientes.

Creador: Emkarok (@emkarok) — Instagram Reels, TikTok, YouTube Shorts. Zonas seguras predeterminadas platform="all". Salida: A = reel completo MP4 (metraje compuesto aquí); B = solo gráficos sobre clave de color magenta #FF00FF para CapCut/Premiere/Final Cut (ajuste de exportación en páginas de línea de tiempo).

Reglas rápidas

• Lienzo 1080 × 1920. Posiciona los gráficos en píxeles del lienzo; mantén el texto fuera de las zonas seguras (superior 160, inferior 440, derecha 160).
• Cada gráfico recibe progress (0–1 entrada) y exit (0–1). Condúcelos desde un solo reloj de línea de tiempo (consulta ui_kits/reel/).
• Marca = gradiente de cielo --accent-gradient (#61D4FE → #FFFFFF) con texto oscuro tipo tinta sobre él; texto blanco con --shadow-text-footage sobre metraje; placas de tinta en tomas muy ocupadas.
• Plus Jakarta Sans 800 para ganchos y subtítulos; Martian Mono para rótulos pequeños y nombres de usuario.
• El texto entra con el decodificador ASCII (AsciiText progress); la única transición es GlyphTransition.
• Una idea gráfica a la vez en pantalla. Sin emojis en los gráficos.
• Diseño explicativo: SplitPresenter (+ CardWall encima) sobre la rejilla del estudio iluminado; la aparición de la cabeza necesita una copia del clip sin fondo.
• Aspecto técnico: ScanSweep → TrackBox (rostro/objeto) + datos de esquina HudReadout; coloca los rastreadores dentro de la capa de transformación del metraje.
• HUD de visión: DepthScan, ObjectTags, Viewfinder, ContourMap (+ CompassStrip), TerminalLog, ThermalView. Los del lienzo necesitan una imagen estática del mismo origen de la toma (src + fit); pasa zoom para seguir un zoom digital. Las coordenadas de caja/etiqueta se miden por toma — vuelve a medir para metraje nuevo.
• Explicador: FileDrop (el cursor arrastra clips a una carpeta) — ~1,5 s por archivo.
• El metraje debe dejar espacio para los gráficos: consulta FOOTAGE en readme.md y los ajustes preestablecidos de ShotGuide (cabeza parlante, plano general, producto, b-roll, tarjeta final). Metraje medio a oscuro bajo el texto, SDR, exposición bloqueada, sin azul cielo ni blanco detrás del texto.