Communitygithub.com

ummmydev/format-courtes-videos

Lorsque l'utilisateur souhaite choisir ou planifier le format d'une courte vidéo promotionnelle pour TikTok, Instagram Reels, YouTube Shorts ou Xiaohongshu, notamment pour un produit logiciel, un outil de développement ou un agent IA. Couvre les quatre formats qui portent cette catégorie (tête parlante sur démo, téléphone filmant l'écran, démo sans visage, tête parlante en ouverture puis démo plein écran), les règles de mise en page, les accroches et les fins comme « Commentez X et je vous l'enverrai », et comment créer un présentateur IA. À utiliser lorsque l'utilisateur dit « quel type de vidéo devrions-nous faire », « format vidéo », « tête parlante », « vidéo sans visage », « présentateur IA », « avatar IA », « style UGC », « idées d'accroche », « à quoi devrait ressembler la première image », « commentez pour obtenir le lien » ou « 视频形式 ».

Qu'est-ce que format-courtes-videos ?

Cette compétence, nommée ummydev/short-video-formats, guide les agents IA (comme Claude Code, Cursor, ou Codex) dans la création de courtes vidéos promotionnelles pour des produits logiciels, des outils de développement ou des agents IA, adaptées aux plateformes comme TikTok, Instagram Reels, YouTube Shorts et Xiaohongshu. Elle détaille quatre formats principaux identifiés par l'analyse des vidéos les plus vues en novembre 2026 : tête parlante avec démo superposée, téléphone filmant l'écran, démo sans visage (UI uniquement), et tête parlante en ouverture suivie d'une démo plein écran. Chaque format est décrit avec son coût de production, des exemples réels, et son niveau d'automatisation par un agent. La compétence fournit des règles de mise en page strictes pour le format 9:16, des modèles d'accroches et de fins éprouvés (comme « Commentez X et je vous enverrai le guide »), ainsi qu'un processus détaillé pour créer un présentateur IA crédible (visage, voix, synchronisation labiale) avec les outils appropriés. Elle inclut également une checklist de validation et les pièges à éviter, basés sur des retours d'expérience concrets.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ummydev/marketing-team-skills/tree/HEAD/skills/short-video-formats

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Formats de courtes vidéos pour produits logiciels

Avant d'écrire quoi que ce soit, choisissez le format. Nous avons décortiqué les vidéos TikTok et Instagram les plus vues concernant deux produits agents IA open-source (Paperclip et Multica) en novembre 2026. Presque toute la portée provenait de créateurs indépendants, pas des comptes officiels, et presque tout utilisait l'un des quatre formats.

Les quatre formats

#FormatCe qui est à l'écranExemple (vues)Coût de production
1Tête parlante + démo par-dessusPrésentateur dans la moitié inférieure, buste, parlant à la caméra ; animation de l'interface utilisateur, page GitHub et site défilent dans la moitié supérieure@rahuliyer.ai (1,05 M)Nécessite un présentateur (réel ou IA)
2Téléphone filmant l'écranUn téléphone filme l'écran du portable ; un doigt pointe la page GitHub pendant que le créateur parle et défile@making_in_time_ (115 k)Nécessite une personne avec un téléphone ; un agent ne peut pas le faire
3Démo sans visageL'interface utilisateur du produit remplit le cadre avec de grandes légendes, des graphiques animés occasionnels@techwith.ram (264 k)Le plus bas ; entièrement automatisable (compétence : remotion-video)
4Tête parlante en ouverture, puis démo plein écran~5 s du format 1 pour l'accroche, puis interface plein écran avec zooms sur les détails, retour au présentateur à mi-parcours et à la fin@dr_cintasMême présentateur que le format 1

Un agent peut réaliser les formats 3, 1 et 4 de bout en bout. Commencez par le 3, ajoutez un présentateur pour les 1 et 4.

Règles de mise en page (9:16, 1080×1920)

  • L'interface utilisateur du produit occupe au moins la moitié de la hauteur du cadre, bord à bord. Si votre produit a une interface claire, cette bande est blanche. Des cartes fines flottant sur du noir ressemblent à un diaporama.
  • La première image est la couverture et l'accroche. Elle ne peut pas être principalement noire, et ne peut pas être un fondu depuis le noir. Montrez l'interface depuis l'image 0.
  • Gardez le premier écran épuré. Deux cartes complètes et le haut de la rangée suivante, pas un tableau de bord complet. Masquez les barres latérales et les éléments chrome qui ne sont pas pertinents. Un mur de petits texte dans la première seconde sera ignoré.
  • Le noir uniquement pour les bandes : une bande de titre ou d'accroche en haut, des légendes dans la bande en bas. Les légendes ne doivent jamais chevaucher le milieu de l'interface.
  • Reconstruisez la véritable interface. Même mise en page, polices, couleurs, boutons et libellés que le produit. Pas de diagrammes simplifiés, et pas de fonctionnalités que le produit ne possède pas. Vous n'avez pas besoin d'un enregistrement d'écran ; une interface reconstruite est plus nette et peut zoomer (compétence : remotion-video).
  • Étiquetez les données de démonstration (« Données de démo » dans un coin du graphique). Ne montrez jamais de résultats inventés comme réels.

Accroches et fins

  • Accroches qui ont porté la catégorie : « 0 employés. Entreprise complète. » · « Quelqu'un vient d'open-sourcer un outil qui vous permet de gérer une entreprise entière avec des agents IA » · « J'ai arrêté de demander à Claude Code. Je l'ai engagé. » · « Et si vous pouviez… ».
  • Preuve : étoiles GitHub, un nombre réel du produit, un avant/après.
  • Fin : « Commentez et je vous enverrai le guide de configuration. » Le mot est le nom du produit ou un verbe de l'accroche. Ces publications ont souvent plus de commentaires que de likes (une : 10 735 commentaires contre 5 395 likes), ce qui nourrit l'algorithme. Ne l'utilisez que si quelqu'un (ou un outil de DM automatique connecté via l'API officielle de la plateforme, comme ManyChat sur Instagram) envoie effectivement le guide. Un lien promis qui n'arrive jamais génère des commentaires négatifs.
  • Écrivez avec les mots du spectateur : « objectif » plutôt que « KPI », « embaucher » plutôt que « configurer ».

Créer un présentateur IA (formats 1 et 4)

  1. Visage : générez un présentateur fictif avec un modèle d'image. Demandez une image de selfie caméra frontale, 9:16, du sommet de la tête à la poitrine, regardant dans l'objectif, bouche fermée, rien devant la bouche, texture de peau naturelle sans filtre de beauté, un arrière-plan de bureau à domicile vécu. Créez 4 candidats, choisissez-en un, et réutilisez ce même visage dans chaque vidéo pour que le compte ait un présentateur reconnaissable. Si le compte a une mascotte, basez le présentateur sur elle (mêmes cheveux, vêtements, couleurs).
  2. Voix : une voix fixe pour ce présentateur. La synthèse vocale gratuite du navigateur sonne robotique à côté d'un visage réaliste ; utilisez une voix avec une licence commerciale (voix intégrées de CapCut, ElevenLabs ou similaire). Rendez le script entier, puis découpez-le par phrase.
  3. Synchronisation labiale : utilisez un modèle image + audio → vidéo parlante (OmniHuman, Kling Avatar, Hedra, HeyGen Avatar) pour que votre script et votre synchronisation pilotent la bouche, et non un modèle texte-vers-vidéo qui improvise ses propres répliques. Générez par segments de 5 à 10 secondes et ne refaites que ceux qui échouent.
  4. Assemblez dans votre outil vidéo : le format 1 place l'interface dans les ~55 % supérieurs et le présentateur en dessous, les légendes sur la jointure ; le format 4 commence en plein écran sur le présentateur pendant 4 à 5 secondes.
  5. Divulguez : activez l'étiquette « Contenu généré par IA » de TikTok et les informations IA d'Instagram. Le présentateur est fictif ; ne lui faites jamais revendiquer une expérience personnelle (« J'utilise cela depuis trois mois »).

Liste de vérification

  • Format choisi et nommé dans le script
  • Bande d'interface ≥ 50 % de la hauteur, pleine largeur
  • La première image montre l'interface réelle, épurée, pas noire
  • Seules les fonctionnalités réelles sont montrées ; les données de démo sont étiquetées
  • Accroche dans la première ligne et la première image
  • Appel à l'action final que vous pouvez réellement honorer
  • Présentateur IA : un visage et une voix fixes, étiquette IA activée

Pièges que nous avons rencontrés

  • Cartes de diagramme sur fond noir. Notre première vidéo produit montrait des cartes simplifiées flottant sur un fond noir. Cela ressemblait à des diapositives et rien au produit. La refonte a reconstruit la véritable interface sur une bande blanche remplissant deux tiers du cadre.
  • Une première image vide. Chaque scène faisait un fondu, donc l'image 0, qui est la couverture, était vide. La première scène commence maintenant entièrement visible.
  • Un premier écran dense. L'ouverture montrait la page du marché avec sa barre latérale et six cartes. Trop de texte pour la première seconde ; la réduire à deux cartes complètes et un aperçu de la rangée suivante l'a rendue lisible d'un coup d'œil.
  • Une fonctionnalité que le produit n'a pas. Le script se terminait sur un « chat de groupe d'équipe » qui n'existait que dans la vidéo. Nous l'avons remplacé par les messages directs réels du produit et avons réécrit la ligne vocale.
  • Des cheveux qui semblaient faux. Les grands cheveux bouclés du premier présentateur IA le trahissaient. Demandez une coupe de cheveux récente et ordinaire avec un volume normal.

Compétences associées

  • remotion-video : construction des formats 1, 3 et 4.
  • viral-remake : lorsque le format provient d'une vidéo virale spécifique.
  • social-publish : la légende, l'appel à l'action et l'étiquette IA lors du téléchargement.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

ummydev/ai-search

When the user wants to make a site readable, accurate and quotable for AI assistants (ChatGPT, Claude, Perplexity, Gemini, Copilot, Google AI Overviews) so they describe the product correctly and cite it. Use when the user says "llms.txt", "llms-full.txt", "AI search", "GEO", "AEO", "get cited by ChatGPT", "show up in Perplexity answers", "allow AI crawlers", "GPTBot in robots.txt", "AI gets our pricing wrong", "AI confuses us with another product", "brand name collision", "Organization schema sameAs" or "make the site agent-readable". Covers llms.txt, robots.txt for AI crawlers, definition sentences, comparison tables and FAQ, public pricing, Organization and WebSite structured data, and brand naming.

ummydev/index-push

When the user wants to get new or changed pages crawled and indexed by Google and Bing quickly, instead of waiting weeks for the sitemap to be read. Use after any deploy that adds or updates pages, and when the user says "get this indexed", "request indexing", "submit to Google", "submit URLs to Bing", "IndexNow", "ping search engines", "resubmit the sitemap", "why isn't my page indexed", "Discovered – currently not indexed", "URL is unknown to Google", "Quota Exceeded in Search Console" or "indexing queue". Covers IndexNow, Search Console URL Inspection and sitemaps, Bing Webmaster URL submission, a prioritized queue file, and diagnosing pages that stay out of the index.

ummydev/remotion-video

When the user wants to make a vertical promo video of their own software product in code with Remotion, rebuilding the product's real UI instead of screen-recording it, with a TTS voice-over, captions timed to the voice and camera moves that zoom into details. Use when the user says "Remotion", "make a product video", "faceless demo video", "UI motion video", "programmatic video", "product reel", "animate our UI", "render the video", or wants a TikTok or Reels video about their app that an agent can re-render after every change.

ummydev/video-retro

When the user wants to review how their short videos performed on TikTok, Instagram Reels or other platforms and decide what to make next. Covers reading views, likes, comments, saves and follows without scraping, the stats log, 24-hour and 72-hour checks, comparing topics, formats and hooks, the daily report and recording what to change. Use when the user says "how did the video do", "video stats", "复盘", "retro", "which videos worked", "why did this flop", "weekly video report", "update the stats", or at the start or end of a short-video working day.

Skills associés