Communitygithub.com

ummydev/formatos-de-video-curto

Quando o usuário deseja escolher ou planejar o formato de um vídeo promocional curto para TikTok, Instagram Reels, YouTube Shorts ou Xiaohongshu, especialmente para um produto de software, ferramenta de desenvolvimento ou agente de IA. Abrange os quatro formatos que dominam essa categoria (pessoa falando sobre uma demonstração, celular filmando a tela, demonstração sem rosto, apresentador falando no início com demonstração em tela cheia), regras de layout de tela, ganchos e finais como 'comente X e eu envio', e como criar um apresentador de IA.

O que é formatos-de-video-curto?

Este skill fornece um guia completo para escolher e produzir vídeos curtos promocionais para produtos de software, ferramentas de desenvolvimento ou agentes de IA, especialmente para plataformas como TikTok, Instagram Reels, YouTube Shorts e Xiaohongshu. Ele define quatro formatos principais de vídeo: apresentador falando com demonstração sobreposta, celular filmando a tela, demonstração sem rosto e apresentador falando no início seguido de demonstração em tela cheia. O skill inclui regras detalhadas de layout para vídeos 9:16, com foco em apresentar a interface do produto desde o primeiro quadro, mantendo-a esparsa e realista. Também oferece estratégias de ganchos e finais, como o uso de 'comente X e eu envio o guia' para impulsionar o engajamento. Para os formatos que exigem um apresentador, o skill explica como criar um apresentador de IA com rosto, voz e sincronia labial, usando ferramentas como OmniHuman, Kling Avatar ou HeyGen Avatar, e enfatiza a necessidade de divulgar o conteúdo como gerado por IA. O skill é útil para desenvolvedores e criadores que desejam automatizar a produção de vídeos virais com alta qualidade e baixo custo.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Formatos de vídeo curto para produtos de software

Antes de escrever qualquer roteiro, escolha o formato. Analisamos os vídeos mais visualizados do TikTok e Instagram sobre dois produtos de agente de IA de código aberto (Paperclip e Multica) em novembro de 2026. Quase todo o alcance veio de criadores independentes, não das contas oficiais, e quase todo ele usou um dos quatro formatos.

Os quatro formatos

#FormatoO que aparece na telaExemplo (visualizações)Custo para produzir
1Apresentador falando + demonstração sobrepostaApresentador na metade inferior, do peito para cima, falando para a câmera; animação da interface, página do GitHub e site rolam na metade superior@rahuliyer.ai (1,05M)Precisa de um apresentador (real ou IA)
2Celular filmando a telaUm celular filma a tela do notebook; um dedo aponta para a página do GitHub enquanto o criador fala e rola a tela@making_in_time_ (115k)Precisa de uma pessoa com um celular; um agente não pode fazer isso
3Demonstração sem rostoA interface do produto preenche o quadro com legendas grandes e, ocasionalmente, um gráfico em movimento@techwith.ram (264k)Menor custo; totalmente automatizável (skill: remotion-video)
4Apresentador falando no início, depois demonstração em tela cheia~5 s do formato 1 para o gancho, depois interface em tela cheia com zoom nos detalhes, voltando ao apresentador no meio e no final@dr_cintasMesmo apresentador do formato 1

Um agente pode produzir os formatos 3, 1 e 4 do início ao fim. Comece com o 3, adicione um apresentador para o 1 e o 4.

Regras de layout (9:16, 1080×1920)

  • A interface do produto ocupa pelo menos metade da altura do quadro, de ponta a ponta. Se seu produto tem uma interface clara, essa faixa é branca. Cartões finos flutuando em preto parecem uma apresentação de slides.
  • O primeiro quadro é a capa e o gancho. Não pode ser majoritariamente preto, e não pode ser um fade-in do nada. Mostre a interface a partir do quadro 0.
  • Mantenha a primeira tela esparsa. Dois cartões completos e o topo da próxima linha, não um painel completo. Oculte barras laterais e elementos que não são o foco. Uma parede de texto pequeno no primeiro segundo faz o usuário passar direto.
  • Preto apenas para as faixas: uma faixa de título ou gancho no topo, legendas na faixa inferior. Legendas nunca ficam sobre o meio da interface.
  • Reconstrua a interface real. Mesmo layout, fontes, cores, botões e rótulos do produto. Sem diagramas simplificados e sem funcionalidades que o produto não possui. Você não precisa de uma gravação de tela; uma interface reconstruída é mais nítida e pode ter zoom (skill: remotion-video).
  • Rotule dados de demonstração ("Dados de demonstração" em um canto do gráfico). Nunca mostre resultados inventados como reais.

Ganchos e finais

  • Ganchos que dominaram a categoria: "0 funcionários. Empresa completa." · "Alguém acabou de abrir o código de uma ferramenta que permite gerenciar uma empresa inteira com agentes de IA" · "Parei de dar comandos para o Claude Code. Eu o contratei." · "E se você pudesse…".
  • Prova: estrelas no GitHub, um número real do produto, um antes/depois.
  • Final: "Comente e eu envio o guia de configuração." A palavra é o nome do produto ou um verbo do gancho. Essas postagens geralmente têm mais comentários do que curtidas (um exemplo: 10.735 comentários vs 5.395 curtidas), o que alimenta o algoritmo. Use apenas se alguém (ou uma ferramenta de DM automática conectada pela API oficial da plataforma, como ManyChat no Instagram) realmente enviar o material. Um link prometido que nunca chega gera comentários raivosos.
  • Escreva para as palavras do espectador: "objetivo" em vez de "KPI", "contratar" em vez de "configurar".

Criando um apresentador de IA (formatos 1 e 4)

  1. Rosto: gere um apresentador fictício com um modelo de imagem. Peça um quadro de selfie de câmera frontal, 9:16, do topo da cabeça ao meio do peito, olhando para a lente, boca fechada, nada na frente da boca, textura de pele natural sem filtro de beleza, um fundo de escritório caseiro vivido. Gere 4 candidatos, escolha um e reuse esse mesmo rosto em todos os vídeos para que a conta tenha um apresentador reconhecível. Se a conta tiver um mascote, baseie o apresentador nele (mesmo cabelo, roupas, cores).
  2. Voz: uma voz fixa para aquele apresentador. TTS gratuito do navegador soa robótico ao lado de um rosto realista; use uma voz com licença comercial (vozes integradas do CapCut, ElevenLabs ou similar). Renderize o roteiro inteiro e depois corte por frase.
  3. Sincronia labial: use um modelo de imagem + áudio → vídeo falante (OmniHuman, Kling Avatar, Hedra, HeyGen Avatar) para que seu roteiro e tempo conduzam a boca, não um modelo texto-para-vídeo que improvisa suas próprias falas. Gere em segmentos de 5 a 10 segundos e refaça apenas os que falharem.
  4. Monte em sua ferramenta de vídeo: o formato 1 coloca a interface nos ~55% superiores e o apresentador abaixo, com legendas na junção; o formato 4 abre em tela cheia com o apresentador por 4 a 5 segundos.
  5. Divulgue: ative o rótulo "Conteúdo gerado por IA" do TikTok e as informações de IA do Instagram. O apresentador é fictício; nunca o faça alegar experiência pessoal ("Usei isso por três meses").

Lista de verificação

  • Formato escolhido e nomeado no roteiro
  • Faixa da interface ≥ 50% da altura, largura total
  • Primeiro quadro mostra interface real, esparsa, não preta
  • Apenas funcionalidades reais mostradas; dados de demonstração rotulados
  • Gancho na primeira linha e no primeiro quadro
  • CTA final que você realmente pode cumprir
  • Apresentador de IA: um rosto e voz fixos, rótulo de IA ativado

Armadilhas que encontramos

  • Cartões de diagrama em preto. Nosso primeiro vídeo do produto mostrou cartões simplificados flutuando em um fundo preto. Parecia slides e nada com o produto. A refação reconstruiu a interface real em uma faixa branca preenchendo dois terços do quadro.
  • Um primeiro quadro em branco. Cada cena aparecia com fade-in, então o quadro 0, que é a capa, estava vazio. A primeira cena agora começa totalmente visível.
  • Uma primeira tela densa. A abertura mostrava a página do marketplace com sua barra lateral e seis cartões. Texto demais para o primeiro segundo; reduzi-lo para dois cartões completos e um vislumbre da próxima linha tornou a leitura instantânea.
  • Uma funcionalidade que o produto não possui. O roteiro terminava com um "bate-papo em grupo" que só existia no vídeo. Trocamos pelas mensagens diretas reais do produto e reescrevemos a fala.
  • Cabelo que parecia falso. O cabelo cacheado enorme do primeiro apresentador de IA denunciou a falsificação. Peça um corte de cabelo recente e comum, com volume normal.

Skills relacionados

  • remotion-video: construir os formatos 1, 3 e 4.
  • viral-remake: quando o formato vem de um viral original específico.
  • social-publish: a legenda, o CTA e o rótulo de IA no upload.

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.

Habilidades Relacionadas