HusainZSabir53/dashboard-walkthrough

O que dashboard-walkthrough faz?

Habilidade do Claude Code: gravar um vídeo de walkthrough narrado em 1080p de um painel web em execução (Playwright + TTS neural + ffmpeg)

Esta habilidade permite que você crie vídeos de demonstração de alta qualidade de seus painéis web diretamente do terminal. Ela usa Playwright para navegar e interagir com o painel, síntese neural de texto para fala para gerar narração natural e ffmpeg para combinar tudo em um vídeo 1080p final.

Como usar

1. Certifique-se de ter o Playwright, ffmpeg e as dependências de TTS instaladas.
2. Execute o comando claude-code com a flag de habilidade apropriada.
3. Forneça a URL do painel web e o script de narração.
4. A habilidade irá:
   • Abrir o painel com Playwright
   • Gravar a tela em 1080p
   • Gerar áudio de narração com TTS neural
   • Combinar áudio e vídeo com ffmpeg

Requisitos

• Node.js 16+
• Playwright (npm install playwright)
• ffmpeg instalado no sistema
• Dependências de TTS neural (consulte a documentação do @neural-tts/core)

Exemplo de comando

claude-code --skill HusainZSabir53/dashboard-walkthrough \
  --url "http://localhost:3000/dashboard" \
  --script "Bem-vindo ao nosso painel. Aqui você pode ver métricas em tempo real."

Personalização

Você pode ajustar a resolução, taxa de quadros e qualidade de áudio modificando as opções no arquivo de configuração.

Solução de problemas

• Certifique-se de que o Playwright esteja configurado corretamente com navegadores (npx playwright install).
• Verifique se o ffmpeg está no PATH do sistema.
• Para problemas de TTS, verifique a conectividade com a API de síntese de fala.