majiayu000/claude-skill-registry

Crie vídeos de demonstração de produto com aparência profissional a partir de projetos de software, usando um modelo Remotion, geração de storyboard e narração TTS. Use quando o Codex precisar transformar um aplicativo, biblioteca, CLI ou API em um vídeo de demonstração sem gravação de tela, ou ao iterar em cenas de storyboard, narração ou renderizações.

O que é claude-skill-registry?

Esta skill permite que agentes de IA, como o Codex, criem vídeos de demonstração de produto de alta qualidade diretamente a partir de projetos de software, sem a necessidade de gravação de tela. Ela utiliza um modelo Remotion pré-configurado (incluído em `assets/remotion-template/`) que contém componentes de cena, pontos de entrada, um script de narração e um arquivo `src/storyboard.ts` inicial. O fluxo de trabalho guia o agente na análise do projeto, elaboração de um storyboard aprovado, geração de arquivos de áudio MP3 para narração (usando scripts que suportam macOS `say`, OpenAI TTS ou ElevenLabs) e, finalmente, na renderização do vídeo completo. É útil para desenvolvedores que desejam demonstrar recursos de seus projetos de forma rápida e iterativa, mantendo consistência visual e narrativa profissional.

Funciona com✓Claude Code✓Codex CLI~Cursor

npx skills add https://github.com/majiayu000/claude-skill-registry/tree/HEAD/skills/generation/product-demo-video

Documentação

Vídeo de Demonstração de Produto

Esta é uma adaptação da skill do Claude para o Codex. Não há comando de barra, então o Codex deve conduzir o fluxo de trabalho explicitamente e usar o modelo Remotion fornecido em assets/remotion-template/.

Configuração do Modelo

Se o workspace de destino ainda não contiver um projeto Remotion, copie assets/remotion-template/ para um diretório de trabalho, como demo-video/.
Execute npm install nesse diretório de trabalho.
O modelo inclui componentes de cena, pontos de entrada, um script de narração e um arquivo inicial src/storyboard.ts.

Fluxo de Trabalho

Examine o README do projeto de destino, a documentação, os manifestos, a árvore de código-fonte e quaisquer capturas de tela existentes.
Pergunte quais recursos devem ser destacados, a duração preferida, o tom, a cor da marca e se capturas de tela específicas devem ser usadas.
Elabore um storyboard usando references/scene-catalog.md.
Mostre o storyboard para aprovação, a menos que o usuário peça explicitamente para pular essa etapa.
Escreva ou atualize src/storyboard.ts.
Gere MP3s de narração em public/narration/ chamando scripts/generate-narration.sh uma vez por cena, a partir de um pequeno script auxiliar.
Se o ffprobe estiver disponível, meça cada MP3 e defina durationInSeconds como o comprimento do áudio mais aproximadamente 0,8 segundos.
Visualize com npx remotion studio e renderize com npx remotion render DemoVideo output/demo.mp4.

Regras do Storyboard

Sempre comece com intro e termine com outro.
Mantenha a maioria das cenas entre 8 e 12 segundos.
Inclua pelo menos uma cena claramente animada, como workflow, comparison ou uma feature dinâmica.
Use código real e detalhes concretos do produto do projeto de destino.
Mantenha a narração em linguagem falada, aproximadamente 120 a 150 palavras por minuto.

Notas

O script de TTS fornecido suporta say do macOS, OpenAI TTS e ElevenLabs.
Se o usuário já tiver um projeto Remotion, copie apenas os componentes necessários, src/storyboard.ts ou o script de narração, em vez de todo o modelo.