Ir a la guía de uso
Lower Thirdspor iart-ai

Lower Thirds Skill.

Renderiza rótulos de nombre animados y superposiciones de emisión transparentes.

  • Rótulos inferiores
  • Tipografía
Revisión de la fuente · lower-thirdsSKILL.md
Tarea Renderiza rótulos de nombre animados y superposiciones de emisión transparentes. Resultados Archivos de superposición transparentes WebM o ProRes 4444 para el destino solicitado. Antes de empezar Proporciona nombres y cargos exactos, las fuentes del programa y el reproductor de destino. Elige el formato antes de renderizar: una superposición transparente para OBS o un editor tiene requisitos distintos a los de un MP4 normal.
Resumen editorial · fuente revisada el 2026-11-02 · no es un ejemplo generado

01 Qué hace

Renderiza rótulos de nombre animados y superposiciones de emisión transparentes

Crea rótulos de nombre legibles en WebM transparente o ProRes, con datos editables y comprobaciones del ajuste del texto, los tiempos y el alfa.

Flujo de trabajo basado en la fuenteNo es un benchmark de ejecución

El enfoque de trabajo

lower-thirds crea rótulos de nombre animados y otras superposiciones como archivos de vídeo con transparencia. Dibuja el gráfico fotograma a fotograma en un canvas y exporta un formato apropiado para una emisión en directo, un navegador o una aplicación de edición. Todo lo que queda fuera del gráfico dibujado permanece transparente.

El flujo presta tanta atención a la pausa de lectura como a la entrada. El texto tiene un fondo propio para seguir siendo legible sobre imágenes desconocidas, los nombres largos se ajustan a sus cajas y el primer y último fotograma están vacíos. Varias fichas comparten diseño, pero se renderizan en archivos separados.

Entregables esperados

  • Archivos de superposición transparentes WebM o ProRes 4444 para el destino solicitado.
  • Una página fuente HTML editable con los datos de las fichas y los tiempos.
  • Vistas previas del fotograma de lectura y hojas de contacto de entrada y salida.
Ver el brief de ejemplo

Del brief a la revisión

  1. 01
    Leer el texto exacto de las fichas

    Conserva nombres, cargos y puntuación. Determina el destino para elegir el formato de exportación antes de renderizar.

  2. 02
    Diseñar la superposición

    Deja libre el centro del fotograma, sitúa el gráfico dentro de los márgenes seguros y añade un fondo al texto. Ajusta la entrada más larga y mantén inmóvil la pausa de lectura.

  3. 03
    Inspeccionar y decodificar la salida

    Ejecuta las comprobaciones incluidas, revisa vistas previas con fondos claros y oscuros y después las hojas de entrada y salida. Confirma la transparencia del archivo codificado.

02 Cuándo usarlo

Cuándo usarlo

Proporciona nombres y cargos exactos, las fuentes del programa y el reproductor de destino. Elige el formato antes de renderizar: una superposición transparente para OBS o un editor tiene requisitos distintos a los de un MP4 normal.

Buen encaje

  • Los nombres deben superponerse a imágenes en directoEl diseño se evalúa sobre distintos fondos porque no puede conocer el plano definitivo.
  • Varios participantes comparten un estiloLos registros de fichas permiten renderizar por separado la misma disposición y animación para cada persona.

Límites que conviene comprobar

  • H.264 necesita un fondo sólidoEl renderizador usa formatos con alfa para la transparencia y requiere un color de fondo para entregar MP4 normales.
  • El renderizador tiene dependencias localesLa fuente enumera Node, herramientas de captura de navegador, Chrome o Chromium y FFmpeg.
  • La reproducción web depende del destinoLa fuente trata Safari por separado; un archivo transparente no garantiza compatibilidad con todos los navegadores.

Aporta estos datos

  • Texto exactoProporciona cada nombre, cargo o leyenda exactamente como debe aparecer.
  • DestinoEspecifica OBS, un navegador, una aplicación de edición o un flujo de croma.
  • Diseño del programaAporta colores, fuentes, ambiente, tamaño del fotograma y requisitos de duración.

03 Decisiones importantes

Decisiones importantes

  1. Legible sobre las imágenes

    Una superficie de fondo evita que el texto claro desaparezca sobre un plano luminoso.

  2. Límites de edición limpios

    Los fotogramas inicial y final vacíos evitan que el gráfico aparezca o desaparezca bruscamente.

  3. Alfa verificado

    La fuente decodifica un fotograma de lectura en vez de confiar solo en la extensión del archivo.

04 Ejemplo de brief

Prueba con un encargo concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración del skill antes de usarlo.

Revisa la fuente y la configuración

Proporciona cada nombre, cargo o leyenda exactamente como debe aparecer.

Archivo fuente original
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md

La referencia siguiente abre las instrucciones originales. Revisa la configuración del repositorio antes de utilizarlas; no es un comando de instalación.

Empieza con un solo entregable

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar el skill.

Brief de ejemplo
Usa lower-thirds para crear rótulos a juego para tres invitados de podcast con los nombres y cargos de mi lista adjunta. Usa nuestra paleta verde oscuro y crema, mantén los gráficos abajo a la izquierda y deja el centro libre para la persona que habla. Entrega archivos WebM transparentes para OBS y HTML editable. Mantén cada nombre quieto durante una pausa de lectura de cinco segundos, con el primer y último fotograma vacíos. Comprueba el nombre más largo, inspecciona la superposición en fondos claros y oscuros y revisa los fotogramas de entrada y salida antes de renderizar todas las fichas.

Inspecciona el resultado

Comprueba el resultado real con estos criterios observables.

  • Lee cada ficha en vistas previas sobre imágenes claras y oscuras.
  • Comprueba los extremos vacíos, los márgenes seguros y la entrada de texto más larga.
  • Decodifica el fotograma de lectura exportado para confirmar la transparencia real.

OpenDesign ofrece un espacio de trabajo de diseño local para agentes de programación. Este listado no significa que el skill esté incluido ni que se incluyan sus herramientas externas, credenciales y dependencias de software.

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fijada de la fuente enlazada abajo. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente
iart-ai
Archivo del skill
SKILL.md
Licencia
MIT
Versión revisada
2026-11-02 · aa8ef7ed9fa5
Resumen editorial de la fuente
Renderiza rótulos de nombre animados y superposiciones de emisión transparentes.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad con fecha, no el uso del skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Puedo obtener un MP4 transparente?

La fuente usa WebM o ProRes 4444 para alfa. Su vía MP4 H.264 normal requiere un fondo sólido, por ejemplo verde para croma.

¿Puede crear varios nombres a la vez?

Sí. Cada entrada de los datos de fichas se renderiza en su propio archivo con el diseño compartido. Cada entrada sigue necesitando una comprobación del ajuste del texto.

¿Bastan las comprobaciones automáticas?

No. La fuente indica expresamente que no pueden evaluar texto recortado durante un barrido ni la legibilidad. Las imágenes fijas y las hojas de entrada y salida requieren inspección visual.

OpenDesign

Mantén juntos tu encargo y tu trabajo de diseño.

Mantén juntos tu brief, el material de origen y el trabajo de diseño en un espacio de trabajo local. Revisa la configuración propia del skill antes de añadirlo a tu flujo de trabajo.

Archivo fuente original
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md