Communitygithub.com

ComeOnOliver/skillshub

Crie vídeos completos com narração, música e visuais.

O que é skillshub?

Este é um skill orquestrador que cria vídeos completos integrando múltiplas ferramentas de IA: geração de roteiro e storyboard (Claude), síntese de voz (Gemini TTS), música de fundo (Lyria) e clipes de vídeo (Veo 3.1), com montagem final via FFmpeg. O skill guia o usuário por um fluxo interativo de 10 perguntas para definir requisitos como assunto, duração, estilo visual, estratégia de áudio e formato, antes de inicializar o projeto e executar a montagem. Suporta vídeos para YouTube (16:9), TikTok/Reels (9:16) e Instagram (1:1), com opções de resolução 720p ou 1080p. É ideal para produtores de conteúdo, profissionais de marketing e criadores que desejam automatizar a produção de vídeos promocionais, explicativos, depoimentos e muito mais, reduzindo o trabalho manual de edição e pós-produção.

Funciona com✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/ComeOnOliver/skillshub/tree/main/skills/michaelboeding/skills/video-producer-agent

Perguntar na sua IA favorita

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

Documentação

Video Producer

Crie vídeos completos com narração, música e visuais.

Este é um skill orquestrador que combina:

  • Geração de roteiro/storyboard (Claude)
  • Síntese de voz (Gemini TTS)
  • Música de fundo (Lyria)
  • Geração de clipes de vídeo (Veo 3.1) ou animação de imagens
  • Montagem final (FFmpeg via media-utils)

Fluxo de Trabalho

Etapa 1: Levantar Requisitos (OBRIGATÓRIO)

⚠️ NÃO pule esta etapa. NÃO execute o init_project.py até ter TODAS as respostas.

Use questionamento interativo — faça UMA pergunta de cada vez, aguarde a resposta e depois faça a próxima. Isso cria um processo colaborativo orientado por especificações.

Fluxo de Perguntas

⚠️ Use a ferramenta AskUserQuestion para cada pergunta abaixo. Não apenas imprima as perguntas na sua resposta — use a ferramenta para criar prompts interativos com as opções mostradas.

P1: Assunto

"Vou criar esse vídeo! Primeiro — sobre o que é?

(ex.: lançamento de produto, história de marca, tutorial, explicativo — ou descreva o seu próprio)"

Aguarde a resposta.

P2: Duração

"Qual deve ser a duração do vídeo?

  • 15 segundos (gancho rápido)
  • 30 segundos (anúncio padrão)
  • 60 segundos (explicativo)
  • 2+ minutos (detalhado)
  • Ou especifique sua própria duração"

Aguarde a resposta.

P3: Estilo

"Qual estilo visual?

  • Premium/luxo
  • Divertido/brincalhão
  • Corporativo/profissional
  • Dramático/cinematográfico
  • Mínimo/limpo
  • Ou descreva seu próprio estilo"

Aguarde a resposta.

P4: Assets

"Você tem imagens ou clipes de vídeo existentes para usar?

  • Não, gerar tudo
  • Sim, tenho imagens (forneça os caminhos)
  • Sim, tenho clipes de vídeo (forneça os caminhos)"

Aguarde a resposta.

P5: Estratégia de Áudio

"Como devemos lidar com o áudio?

  • Personalizado — Eu gero narração + música de fundo
  • Veo nativo — Usar diálogo/efeitos sonoros/ambiente integrados do Veo
  • Silencioso — Sem áudio, adicionar depois"

Aguarde a resposta.

P6: Voz (se áudio personalizado)

"Qual tom de voz para a narração?

  • Profissional
  • Amigável/acolhedor
  • Energético
  • Calmo/suave
  • Dramático
  • Ou descreva seu próprio tom"

Aguarde a resposta.

P7: Música (se áudio personalizado)

"Qual vibe musical?

  • Eletrônico moderno
  • Cinematográfico/épico
  • Pop animado
  • Ambiente/calmo
  • Corporativo
  • Ou descreva seu próprio estilo"

Aguarde a resposta.

P8: Formato

"Qual proporção de tela?

  • 16:9 (YouTube, web)
  • 9:16 (TikTok, Reels, Shorts)
  • 1:1 (Feed do Instagram)"

Aguarde a resposta.

P9: Resolução

"Qual resolução?

  • 720p (geração mais rápida)
  • 1080p (HD padrão)"

Aguarde a resposta.

P10: Modelo

"Qual modelo Veo?

  • veo-3.1 — Mais recente, alta qualidade (padrão)
  • veo-3.1-fast — Geração mais rápida, qualidade ligeiramente inferior
  • veo-3 — Geração anterior
  • veo-3-fast — Geração anterior, mais rápida"

Aguarde a resposta.

Referência Rápida

PerguntaDetermina
AssuntoConteúdo da cena e prompts
DuraçãoNúmero de cenas (clipes Veo devem ter 4, 6 ou 8 segundos)
EstiloPrompts visuais e seleção musical
AssetsGerar vs. usar existentes
Áudiocustom, veo_audio ou silent
VozSeleção de voz TTS
MúsicaPrompt Lyria
FormatoProporção de tela para Veo
ResoluçãoQualidade de saída: 720p ou 1080p
Modeloveo-3.1, veo-3.1-fast, veo-3, veo-3-fast

Etapa 2: Inicializar Projeto

Depois de obter as respostas do usuário, inicialize o projeto com as preferências dele:

python3 ${CLAUDE_PLUGIN_ROOT}/skills/video-producer-agent/scripts/init_project.py \
  --name "Vídeo de Lançamento de Produto" \
  --duration 30 \
  --aspect-ratio 16:9 \
  --audio-strategy custom \
  --scenes 5

Etapa 3: Configurar project.json

Edite project.json com os prompts das cenas, texto da narração e estilo musical com base nas respostas do usuário.

Etapa 4: Montar o Vídeo

python3 ${CLAUDE_PLUGIN_ROOT}/skills/video-producer-agent/scripts/assemble.py \
  --project ~/meu_projeto_video/

Estrutura do Projeto

Ao inicializar um projeto, esta estrutura de pastas é criada:

meu_projeto/
├── project.json          # Configuração: cenas, narração, música, configurações
├── storyboard.md         # Documento de planejamento do vídeo
├── scenes/               # Clipes de vídeo gerados pelo Veo
│   ├── scene1_intro.mp4
│   ├── scene2_caracteristicas.mp4
│   └── scene3_cta.mp4
├── audio/                # Assets de áudio
│   ├── voiceover.wav     # Narração gerada
│   ├── background_music.wav  # Música gerada
│   └── final_mix.mp3     # Faixa de áudio mixada
├── work/                 # Arquivos intermediários (gerados automaticamente)
│   ├── silent_scene1.mp4
│   ├── video_concatenado.mp4
│   └── ...
└── output/               # Entregáveis finais
    └── video_lancamento_produto_final.mp4

Scripts

init_project.py

Inicialize um novo projeto de vídeo com estrutura de pastas e modelos.

# Projeto básico
python3 init_project.py --name "Meu Vídeo" --duration 30

# Criar em diretório específico
python3 init_project.py --name "Vídeo de Demonstração" --output ~/Videos/

# Vídeo vertical para redes sociais
python3 init_project.py --name "Instagram Reel" --aspect-ratio 9:16 --duration 15

# Usar áudio nativo do Veo (sem narração/música personalizada)
python3 init_project.py --name "Cena Cinematográfica" --audio-strategy veo_audio

# Mais cenas
python3 init_project.py --name "Vídeo Longo" --duration 60 --scenes 5

Opções:

OpçãoPadrãoDescrição
--nameobrigatórioNome do projeto
--outputdiretório atualDiretório pai
--duration30Duração alvo em segundos
--aspect-ratio16:916:9, 9:16, 1:1, 4:3
--audio-strategycustomcustom, veo_audio, silent
--scenes3Número de placeholders de cena

assemble.py

Orquestre o pipeline completo de montagem de vídeo.

# Pipeline completo (gerar tudo + montar)
python3 assemble.py --project ~/meu_projeto/

# Pular geração (usar arquivos de cena/áudio existentes)
python3 assemble.py --project ~/meu_projeto/ --skip-generation

# Simulação (mostrar o que seria feito)
python3 assemble.py --project ~/meu_projeto/ --dry-run

Etapas do pipeline:

  1. Gerar cenas de vídeo (Veo 3.1)
  2. Extrair áudio das cenas (se áudio personalizado)
  3. Gerar narração (Gemini TTS)
  4. Gerar música de fundo (Lyria)
  5. Mixar narração + música
  6. Concatenar clipes de vídeo
  7. Mesclar áudio com vídeo
  8. Gerar vídeo final

Configuração do project.json

{
  "name": "Vídeo de Lançamento de Produto",
  "duration_target": 30,
  "aspect_ratio": "16:9",
  "resolution": "720p",
  "audio_strategy": "custom",
  
  "scenes": [
    {
      "id": 1,
      "name": "cena1_heroi",
      "prompt": "Zoom lento cinematográfico em produto premium, iluminação dramática, estilo comercial de alto padrão",
      "duration": 6,
      "notes": "Apenas música, sem narração"
    },
    {
      "id": 2,
      "name": "cena2_caracteristicas",
      "prompt": "Demonstração das características do produto, animações elegantes, estética tecnológica moderna",
      "duration": 8,
      "notes": "Narração começa aqui"
    },
    {
      "id": 3,
      "name": "cena3_cta",
      "prompt": "Produto com logotipo em fundo limpo, momento de chamada para ação",
      "duration": 6,
      "notes": "Música cresce, narração termina"
    }
  ],
  
  "voiceover": {
    "enabled": true,
    "text": "Apresentando o futuro do áudio. Som cristalino. Conforto o dia todo. Experimente a diferença.",
    "voice": "Charon",
    "style": "Profissional, confiante, voz de marca premium"
  },
  
  "music": {
    "enabled": true,
    "prompt": "eletrônico moderno, premium, elegante, showcase de produto, baixo sutil",
    "duration": 35,
    "bpm": 100,
    "brightness": 0.6
  },
  
  "assembly": {
    "transition": "fade",
    "transition_duration": 0.5,
    "music_volume": 0.3,
    "fade_in": 1.0,
    "fade_out": 2.0
  }
}

Estratégias de Áudio

EstratégiaDescriçãoQuando Usar
customExtrair áudio do Veo, adicionar narração + música personalizadaMaioria dos vídeos
veo_audioManter áudio gerado pelo Veo (diálogo, efeitos sonoros)Cenas cinematográficas, diálogos
silentExtrair áudio, gerar vídeo silenciosoAdicionar áudio depois

Fluxo de Trabalho: Criando um Vídeo

Etapa 1: Inicializar Projeto

python3 init_project.py --name "Promo Fones de Ouvido Sem Fio" --duration 30

Etapa 2: Planejar o Storyboard

Edite storyboard.md para planejar a estrutura do seu vídeo:

## Cena 1: Revelação do Herói (0-5s)
- Visual: Fones emergindo da sombra, iluminação premium
- Áudio: Apenas música (introdução dramática)

## Cena 2: Qualidade de Som (5-12s)
- Visual: Ondas sonoras, pessoa curtindo música
- Áudio: Narração: "Som cristalino. Graves envolventes."

## Cena 3: Conforto (12-20s)
- Visual: Close do ajuste, pessoa correndo
- Áudio: Narração: "Conforto o dia todo. Ajuste seguro."

## Cena 4: CTA (20-30s)
- Visual: Produto + logotipo
- Áudio: Narração: "Experimente a diferença." + crescendo musical

Etapa 3: Configurar project.json

Preencha os prompts das cenas, texto da narração e estilo musical com base no seu storyboard.

Etapa 4: Montar

python3 assemble.py --project ~/promo_fones_sem_fio/

Etapa 5: Revisar e Iterar

Verifique a saída em output/. Se forem necessários ajustes:

# Re-executar com cenas existentes (apenas remixar áudio)
python3 assemble.py --project ~/promo_fones_sem_fio/ --skip-generation

O Que Você Pode Criar

TipoExemplo
Vídeo de produtoVídeo herói de 30s mostrando um produto
Vídeo explicativoExplicação de como fazer ou de funcionalidades
Vídeo promocional/anúncioPropaganda de marketing
Vídeo de demonstraçãoDemonstração de produto
Vídeo de treinamentoConteúdo de treinamento interno
DepoimentoVídeo no estilo de citação de cliente
Vídeo de marcaHistória da empresa/marca

Pré-requisitos

  • GOOGLE_API_KEY - Para Veo (vídeo), Gemini TTS (voz), Lyria (música)
  • FFmpeg instalado: brew install ffmpeg

Estilos de Vídeo & Combinações Musicais

EstiloPrompt MusicalVoz
Premium/Luxo"elegante, minimalista, ambiente, sofisticado"Charon (informativo)
Tecnologia/Moderno"eletrônico, futurista, limpo, inovador"Kore (firme)
Divertido/Brincalhão"animado, alegre, acústico, positivo"Puck (otimista)
Corporativo"profissional, inspirador, orquestral leve"Orus (firme)
Estilo de Vida"descontraído, aspiracional, indie, acolhedor"Aoede (descontraída)
Dramático/Cinematográfico"épico, orquestral, emocional, crescente"Gacrux (madura)

Estruturas Comuns de Vídeo

Vídeo de Produto (30s)

0-5s:   Tomada principal do herói (apenas música)
5-15s:  Características (narração + música)
15-25s: Estilo de vida/caso de uso (narração + música)
25-30s: Logotipo + CTA (fade musical)

Vídeo Explicativo (60s)

0-5s:   Gancho/declaração do problema
5-20s:  Introdução da solução
20-45s: Como funciona (3 etapas)
45-55s: Resumo de benefícios
55-60s: CTA

Vídeo de Depoimento (45s)

0-5s:   Introdução/cartão de nome
5-35s:  Citação do depoimento (várias cenas)
35-45s: Tomada do produto + logotipo

Fluxo de Trabalho Manual (Sem Scripts)

Se preferir executar cada etapa manualmente:

Gerar cenas:

python3 ${CLAUDE_PLUGIN_ROOT}/skills/video-generation/scripts/veo.py \
  --batch scenes.json

Gerar narração:

python3 ${CLAUDE_PLUGIN_ROOT}/skills/voice-generation/scripts/gemini_tts.py \
  --text "Seu texto de narração..." \
  --voice Charon \
  --style "Profissional, acolhedor"

Gerar música:

python3 ${CLAUDE_PLUGIN_ROOT}/skills/music-generation/scripts/lyria.py \
  --prompt "eletrônico moderno, premium" \
  --duration 35

Extrair áudio dos clipes:

python3 ${CLAUDE_PLUGIN_ROOT}/skills/media-utils/scripts/video_strip_audio.py \
  -i cena*.mp4

Concatenar vídeos:

python3 ${CLAUDE_PLUGIN_ROOT}/skills/media-utils/scripts/video_concat.py \
  -i silent_*.mp4 --transition fade -o video.mp4

Mixar áudio:

python3 ${CLAUDE_PLUGIN_ROOT}/skills/media-utils/scripts/audio_mix.py \
  --voice voiceover.wav --music music.wav -o audio.mp3

Mesclar áudio + vídeo:

python3 ${CLAUDE_PLUGIN_ROOT}/skills/media-utils/scripts/video_audio_merge.py \
  --video video.mp4 --audio audio.mp3 -o final.mp4

Arquivos de Entrada Que Você Pode Fornecer

Tipo de ArquivoComo é Usado
Imagens do produtoAnimar com Veo como primeiro quadro
Logotipo (PNG)Sobrepor na cena final
Narração existenteColocar em audio/voiceover.wav
Música da marcaColocar em audio/background_music.wav
Clipes de vídeoColocar na pasta scenes/
Roteiro/textoUsar para texto da narração

Limitações

  • Duração do vídeo Veo: Máximo de 8 segundos por clipe (concatenar para mais tempo)
  • Veo 3.1 inclui áudio: Todos os clipes têm áudio gerado (extrair se usar personalizado)
  • Tempo de processamento: A geração de vídeo leva de 1 a 3 minutos por clipe
  • Resolução: Atualmente 720p ou 1080p (1080p apenas para 8s)

Tratamento de Erros

ErroSolução
"GOOGLE_API_KEY not set"Configurar chave de API conforme README
"FFmpeg not found"Instalar: brew install ffmpeg
"project.json not found"Executar init_project.py primeiro
Timeout na geração de vídeoTentar novamente ou usar duração mais curta
Problemas de sincronia áudio/vídeoAjustar durações das cenas

Exemplos de Prompts

Simples:

"Crie um vídeo de produto de 30 segundos para minha nova cafeteira"

Detalhado:

"Crie um vídeo de produto de 45 segundos para nossos novos fones de ouvido sem fio. Toque premium e luxuoso. Tenho fotos do produto anexadas. Narração masculina profissional. Música eletrônica moderna. 16:9 para YouTube."

Com projeto:

"Inicialize um projeto de vídeo chamado 'Demonstração do App' com 5 cenas, 60 segundos no total, formato vertical para TikTok"

Individual skills in this repo

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

ComeOnOliver/skillshub

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

ComeOnOliver/skillshub

Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度,以及何时使用 Turbopack 与 webpack。

ComeOnOliver/skillshub

SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS/macOS UI best practices.

ComeOnOliver/skillshub

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio, video), and create real time alerts for events from live streams or desktop capture.

ComeOnOliver/skillshub

AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.

ComeOnOliver/skillshub

Next.js 15 애플리케이션을 위한 프론트엔드 개발 가이드라인. React 19, TypeScript, Shadcn/ui, Tailwind CSS를 사용한 모던 패턴. Server Components, Client Components, App Router, 파일 구조, Shadcn/ui 컴포넌트, 성능 최적화, TypeScript 모범 사례 포함. 컴포넌트, 페이지, 기능 생성, 데이터 페칭, 스타일링, 라우팅, 프론트엔드 코드 작업 시 사용.

ComeOnOliver/skillshub

Provides Tamagui patterns for config v4, compiler optimization, styled context, and cross-platform styling. Must use when working with Tamagui projects (tamagui.config.ts, @tamagui imports).

ComeOnOliver/skillshub

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

ComeOnOliver/skillshub

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.

ComeOnOliver/skillshub

Auto-loaded context for Portfolio Buddy 2 development. Use for ANY task involving: React 19 development, TypeScript, portfolio analysis features, metrics calculations, trading strategy comparison, or working with the Portfolio Buddy 2 codebase. Contains tech stack, known issues, and architectural constraints.

ComeOnOliver/skillshub

Next.js development tooling via MCP. Inspect routes, components, build info, and debug Next.js apps. Use when working on Next.js applications, debugging routing, or inspecting app structure. NOT for general React or non-Next.js projects.

ComeOnOliver/skillshub

Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or generating landing pages.

ComeOnOliver/skillshub

A conceptual skill for building an API client in Next.js that handles JWT tokens

ComeOnOliver/skillshub

Best practices and patterns for Next.js App Router, Server Actions, and Routing in this project.

ComeOnOliver/skillshub

The Design System, Theme, and UX rules for the Physical AI Hub.

ComeOnOliver/skillshub

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

ComeOnOliver/skillshub

This document captures learnings from fixing keyboard navigation issues when floating components (Select, DropdownMenu, Popover) have CSS open/close animations.

ComeOnOliver/skillshub

Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic routes, upgrading from Next.js 15, or implementing proxy.ts. Covers breaking changes (async params/searchParams, Turbopack, cacheComponents) and frontend aesthetics. NOT when building non-React or backend-only applications.

ComeOnOliver/skillshub

Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.

ComeOnOliver/skillshub

Build interfaces that resonate, not just render. This skill enforces bold, intentional

Habilidades Relacionadas