106.9K+Télécharger
Aller au guide d’utilisation
Lower Thirdspar iart-ai

Lower Thirds Skill.

Produisez des bandeaux nominatifs animés et des habillages de diffusion transparents.

  • Bandeaux nominatifs
  • Typographie
Télécharger OpenDesignVoir le guide d'utilisation
Revue de la source · lower-thirdsSKILL.md
Tâche Produisez des bandeaux nominatifs animés et des habillages de diffusion transparents. Résultats Des fichiers d’habillage transparents WebM ou ProRes 4444 pour la destination demandée. Avant de commencer Fournissez les noms et fonctions exacts, les polices de l’émission et le lecteur cible. Choisissez le format avant le rendu : un habillage transparent pour OBS ou un logiciel de montage n’a pas les mêmes exigences qu’un MP4 ordinaire.
Résumé éditorial · source examinée le 2026-11-02 · ce n’est pas un exemple généré

01 Fonctionnement

Produisez des bandeaux nominatifs animés et des habillages de diffusion transparents

Créez des bandeaux nominatifs lisibles en WebM transparent ou ProRes, avec données éditables et contrôles de cadrage du texte, de timing et d’alpha.

Flux de travail fondé sur la sourcePas un benchmark d'exécution

La méthode de travail

lower-thirds crée des bandeaux nominatifs animés et d’autres habillages sous forme de fichiers vidéo avec transparence. Il dessine le graphisme image par image sur un canvas, puis exporte un format adapté à une diffusion en direct, un navigateur ou un logiciel de montage. Tout ce qui se trouve en dehors du graphisme dessiné reste transparent.

Le processus accorde autant d’attention au temps de lecture qu’à l’entrée. Le texte dispose de son propre fond pour rester lisible sur des images inconnues, les noms longs sont ajustés à leurs cadres et les première et dernière images sont vides. Plusieurs fiches partagent un design, mais sont rendues dans des fichiers séparés.

Livrables attendus

  • Des fichiers d’habillage transparents WebM ou ProRes 4444 pour la destination demandée.
  • Une page source HTML modifiable contenant les données des fiches et le timing.
  • Des aperçus de l’image maintenue et des planches d’images d’entrée et de sortie.
Voir l'exemple de brief

Du brief à la revue

  1. 01
    Lire le texte exact des fiches

    Préservez noms, fonctions et ponctuation. Déterminez la destination pour choisir le format d’export avant le rendu.

  2. 02
    Concevoir l’habillage

    Laissez le centre de l’image dégagé, placez le graphisme dans les marges de sécurité et donnez un fond au texte. Ajustez l’entrée la plus longue et gardez la phase de lecture immobile.

  3. 03
    Inspecter et décoder la sortie

    Exécutez les contrôles fournis, examinez les aperçus sur fonds clairs et sombres, puis les planches d’entrée et de sortie. Confirmez la transparence du fichier encodé.

02 Cas d’usage

Quand l’utiliser

Fournissez les noms et fonctions exacts, les polices de l’émission et le lecteur cible. Choisissez le format avant le rendu : un habillage transparent pour OBS ou un logiciel de montage n’a pas les mêmes exigences qu’un MP4 ordinaire.

Un bon choix

  • Les noms doivent se superposer à des images en directLe design est évalué sur différents fonds puisqu’il ne peut pas connaître le plan final.
  • Plusieurs intervenants partagent un styleLes enregistrements des fiches permettent de rendre séparément la même mise en page et la même animation pour chaque personne.

Limites à vérifier

  • H.264 nécessite un fond uniLe moteur utilise des formats prenant en charge l’alpha pour la transparence et exige une couleur de fond pour une livraison MP4 ordinaire.
  • Le moteur a des dépendances localesLa source mentionne Node, des outils de capture navigateur, Chrome ou Chromium et FFmpeg.
  • La lecture web dépend de la destinationLa source traite Safari séparément ; un seul fichier transparent ne garantit pas la compatibilité avec tous les navigateurs.

Éléments à fournir

  • Texte exactFournissez chaque nom, fonction ou légende exactement comme il doit apparaître.
  • DestinationPrécisez OBS, un navigateur, un logiciel de montage ou un processus d’incrustation chromatique.
  • Habillage de l’émissionFournissez couleurs, polices, ambiance, dimensions de l’image et exigences de durée.

03 Décisions importantes

Les décisions importantes

  1. Lisibilité sur les images

    Un fond empêche le texte clair de disparaître sur un plan lumineux.

  2. Des limites de montage propres

    Des images initiale et finale vides évitent l’apparition ou la disparition brusque du graphisme.

  3. Un alpha vérifié

    La source décode une image de la phase de lecture plutôt que de se fier uniquement à l’extension du fichier.

04 Exemple de brief

Essayez un brief ciblé

L'exemple de brief ci-dessous n'a pas été testé. Vérifiez la configuration du skill avant de l'utiliser.

Examinez la source et la configuration

Fournissez chaque nom, fonction ou légende exactement comme il doit apparaître.

Fichier source amont
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md

Le lien ci-dessous ouvre les instructions d’origine. Vérifiez la configuration du dépôt avant utilisation ; ce n’est pas une commande d’installation.

Commencez par un livrable

Adaptez le périmètre, les sources et les contraintes de ce brief avant d’exécuter le skill.

Exemple de brief
Utilise lower-thirds pour créer des habillages assortis pour trois invités de podcast avec les noms et fonctions de ma liste jointe. Utilise notre palette vert foncé et crème, garde les graphismes en bas à gauche et laisse le centre dégagé pour l’intervenant. Livre des fichiers WebM transparents pour OBS et du HTML modifiable. Garde chaque nom immobile pendant cinq secondes de lecture, avec des première et dernière images vides. Vérifie le nom le plus long, examine l’habillage sur des fonds clairs et sombres, puis les images d’entrée et de sortie avant de rendre toutes les fiches.

Examinez le résultat

Comparez le résultat réel à ces critères observables.

  • Lisez chaque fiche sur des aperçus d’images claires et sombres.
  • Vérifiez les extrémités vides, les marges de sécurité et le texte le plus long.
  • Décodez l’image de lecture exportée pour confirmer la transparence réelle.

OpenDesign fournit un espace de travail de design local pour les agents de code. Cette fiche ne signifie pas que le skill est fourni avec ses outils externes, ses identifiants et ses dépendances logicielles.

Télécharger OpenDesignLire le guide de démarrage rapide

05 Source et licence

Source et licence

Cette page décrit la révision source figée liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source
iart-ai
Dépôt
iart-ai/lower-thirds-skills
Fichier du skill
SKILL.md
Licence
MIT
Version examinée
2026-11-02 · aa8ef7ed9fa5
Résumé éditorial de la source
Produisez des bandeaux nominatifs animés et des habillages de diffusion transparents.

Résumé original de OpenDesign, fondé sur la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d'utilisation du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Puis-je obtenir un MP4 transparent ?

La source utilise WebM ou ProRes 4444 pour l’alpha. Sa voie MP4 H.264 ordinaire exige un fond uni, par exemple vert pour l’incrustation chromatique.

Peut-il créer plusieurs noms à la fois ?

Oui. Chaque entrée des données de fiches est rendue dans son propre fichier avec le design commun. Chaque entrée nécessite toujours un contrôle d’ajustement du texte.

Les contrôles automatiques suffisent-ils ?

Non. La source précise qu’ils ne peuvent pas juger les textes tronqués lors d’un balayage ni la lisibilité. Les images fixes et les planches d’entrée et de sortie doivent être inspectées visuellement.

OpenDesign

Gardez votre brief et votre travail de design au même endroit.

Gardez votre brief, vos sources et votre travail de design ensemble dans un espace de travail local. Vérifiez la configuration propre au skill avant de l'ajouter à votre flux de travail.

Télécharger OpenDesignParcourir les skills de design
Fichier source amont
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md