Communitygithub.com

ummydev/formatos-de-video-corto

Cuando el usuario quiere elegir o planificar el formato de un video promocional corto para TikTok, Instagram Reels, YouTube Shorts o Xiaohongshu, especialmente para un producto de software, dev tool o agente de IA. Cubre los cuatro formatos que dominan esta categoría (presentador con demostración superpuesta, teléfono filmando la pantalla, demo sin rostro, apertura con presentador seguida de demo a pantalla completa), reglas de diseño de pantalla, ganchos y finales como "comenta X y te lo envío", y cómo crear un presentador IA.

¿Qué es formatos-de-video-corto?

Este skill proporciona una guía completa para seleccionar y planificar el formato de un video promocional corto (TikTok, Instagram Reels, YouTube Shorts, Xiaohongshu) para productos de software, herramientas de desarrollo y agentes de IA. Basado en el análisis de los videos más vistos de dos productos open-source, identifica cuatro formatos clave: presentador con demo superpuesta, teléfono filmando la pantalla, demo sin rostro, y apertura con presentador seguida de demo a pantalla completa. Incluye reglas de diseño para el formato vertical 9:16 (1080×1920), consejos para ganchos y finales efectivos (como "comenta X y te envío el enlace"), y un proceso detallado para crear un presentador IA con rostro, voz y sincronización labial realistas. Es ideal para agentes de IA que generan contenido de video de forma automatizada, soportando los formatos 1, 3 y 4 de principio a fin. También advierte sobre errores comunes, como usar fondos negros sin sentido o prometer enlaces que no se envían.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Formatos de video corto para productos de software

Antes de escribir nada, elige el formato. Desmontamos los videos más vistos de TikTok e Instagram sobre dos productos open-source de agentes de IA (Paperclip y Multica) en noviembre de 2026. Casi todo el alcance vino de creadores independientes, no de las cuentas oficiales, y casi todo usó uno de los cuatro formatos.

Los cuatro formatos

#Formato¿Qué se ve en pantalla?Ejemplo (vistas)Costo de producción
1Presentador + demo superpuestaEl presentador en la mitad inferior, de pecho hacia arriba, hablando a cámara; animación de la interfaz de usuario, página de GitHub y scroll del sitio en la mitad superior@rahuliyer.ai (1.05M)Necesita un presentador (real o IA)
2Teléfono filmando la pantallaUn teléfono filma la pantalla del portátil; un dedo señala la página de GitHub mientras el creador habla y hace scroll@making_in_time_ (115k)Necesita una persona con un teléfono; un agente no puede hacerlo
3Demo sin rostroLa interfaz del producto llena el encuadre con grandes subtítulos y algún gráfico animado ocasional@techwith.ram (264k)El más bajo; totalmente automatizable (skill: remotion-video)
4Apertura con presentador, luego demo a pantalla completa~5 s del formato 1 para el gancho, luego interfaz a pantalla completa con acercamientos a detalles, volviendo al presentador a mitad y al final@dr_cintasMismo presentador que el formato 1

Un agente puede hacer los formatos 3, 1 y 4 de principio a fin. Empieza con el 3, añade un presentador para el 1 y el 4.

Reglas de diseño (9:16, 1080×1920)

  • La interfaz del producto ocupa al menos la mitad de la altura del encuadre, de borde a borde. Si tu producto tiene una interfaz clara, esa banda es blanca. Las tarjetas finas flotando sobre negro parecen una presentación de diapositivas.
  • El primer fotograma es la portada y el gancho. No puede ser mayoritariamente negro, ni una aparición gradual desde la nada. Muestra la interfaz desde el fotograma 0.
  • Mantén la primera pantalla escueta. Dos tarjetas completas y la parte superior de la siguiente fila, no un panel completo. Oculta las barras laterales y elementos que no sean relevantes. Un muro de texto pequeño en el primer segundo hace que pasen de largo.
  • Negro solo para las bandas: una banda de título o gancho en la parte superior, subtítulos en la banda inferior. Los subtítulos nunca se sitúan sobre el centro de la interfaz.
  • Reconstruye la interfaz real. Mismo diseño, tipografías, colores, botones y etiquetas que el producto. Sin diagramas simplificados ni funciones que el producto no tenga. No necesitas una grabación de pantalla; una interfaz reconstruida es más nítida y puede hacer zoom (skill: remotion-video).
  • Etiqueta los datos de demostración ("Datos de demo" en una esquina del gráfico). Nunca muestres resultados inventados como reales.

Ganchos y finales

  • Ganchos que funcionaron en esta categoría: "0 empleados. Empresa completa." · "Alguien acaba de publicar una herramienta que te permite gestionar una empresa completa con agentes de IA" · "Dejé de pedirle a Claude Code. Lo contraté." · "¿Y si pudieras…".
  • Prueba: estrellas de GitHub, un número real del producto, un antes/después.
  • Final: "Comenta y te envío la guía de configuración." La palabra es el nombre del producto o un verbo del gancho. Estas publicaciones a menudo tienen más comentarios que 'me gusta' (una: 10,735 comentarios vs 5,395 'me gusta'), lo que alimenta el algoritmo. Úsalo solo si alguien (o una herramienta de auto-DM conectada a través de la API oficial de la plataforma, como ManyChat en Instagram) realmente envía lo prometido. Un enlace prometido que nunca llega genera comentarios negativos.
  • Escribe usando las palabras del espectador: "objetivo" en lugar de "KPI", "contratar" en lugar de "configurar".

Cómo crear un presentador IA (formatos 1 y 4)

  1. Rostro: genera un presentador ficticio con un modelo de imagen. Indica un fotograma de selfie con cámara frontal, 9:16, desde la parte superior de la cabeza hasta el pecho, mirando al objetivo, boca cerrada, sin nada delante de la boca, textura de piel natural sin filtro de belleza, un fondo de hogar-oficina vivido. Crea 4 candidatos, elige uno y reutiliza ese mismo rostro en cada video para que la cuenta tenga un presentador reconocible. Si la cuenta tiene una mascota, base el presentador en ella (mismo pelo, ropa, colores).
  2. Voz: una voz fija para ese presentador. El TTS gratuito del navegador suena robótico junto a un rostro realista; usa una voz con licencia comercial (las voces integradas de CapCut, ElevenLabs o similares). Renderiza todo el guion, luego córtalo por frase.
  3. Sincronización labial: usa un modelo de imagen + audio → video parlante (OmniHuman, Kling Avatar, Hedra, HeyGen Avatar) para que tu guion y sincronización dirijan la boca, no un modelo de texto a video que improvise sus propias líneas. Genera en segmentos de 5–10 s y rehaz solo los que fallen.
  4. Montaje en tu herramienta de video: el formato 1 coloca la interfaz en el ~55% superior y el presentador debajo, los subtítulos en la unión; el formato 4 abre a pantalla completa con el presentador durante 4–5 s.
  5. Declaración: activa la etiqueta "Contenido generado por IA" de TikTok y la información de IA de Instagram. El presentador es ficticio; nunca hagas que afirme tener experiencia personal ("He usado esto durante tres meses").

Lista de verificación

  • Formato elegido y nombrado en el guion
  • Banda de interfaz ≥ 50% de la altura, ancho completo
  • Primer fotograma muestra la interfaz real, escueta, no negra
  • Solo se muestran funciones reales; datos de demo etiquetados
  • Gancho en la primera línea y en el primer fotograma
  • Llamada a la acción final que realmente puedas cumplir
  • Presentador IA: un rostro y una voz fijos, etiqueta de IA activada

Errores que cometimos

  • Tarjetas de diagrama sobre negro. Nuestro primer video del producto mostraba tarjetas simplificadas flotando sobre un fondo negro. Parecía una presentación y no se parecía en nada al producto. La repetición reconstruyó la interfaz real sobre una banda blanca que ocupaba dos tercios del encuadre.
  • Primer fotograma vacío. Cada escena aparecía gradualmente, por lo que el fotograma 0, que es la portada, estaba vacío. Ahora la primera escena comienza completamente visible.
  • Primera pantalla densa. La apertura mostraba la página del marketplace con su barra lateral y seis tarjetas. Demasiado texto para el primer segundo; reducirla a dos tarjetas completas y un vistazo de la siguiente fila hizo que se leyera de un vistazo.
  • Una función que el producto no tiene. El guion terminaba con un "chat grupal de equipo" que solo existía en el video. Lo cambiamos por los mensajes directos reales del producto y reescribimos la línea de voz.
  • Pelo que se veía falso. El enorme pelo rizado del primer presentador IA lo delataba. Pide un corte de pelo reciente y común con volumen normal.

Skills relacionados

  • remotion-video: construcción de los formatos 1, 3 y 4.
  • viral-remake: cuando el formato proviene de un video viral original específico.
  • social-publish: el pie de foto, la llamada a la acción y la etiqueta de IA al subir.

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 relacionados