Communitygithub.com

video-shotcraft

Crie vídeos promocionais cinematográficos de um web app real no Remotion: captura páginas reais, seleciona entre ~124-150 cartões de receita de cena, oferece o modelo Ink Press, sincronização com batida e design de som do Freesound. Use para "criar um vídeo promocional/de lançamento do meu site/app", efeitos de cena única ou encontrar/ajustar efeitos sonoros para um vídeo de produto existente. Sempre busca a versão mais recente.

O que é video-shotcraft?

O **video-shotcraft** é uma skill para agentes de IA que permite criar vídeos promocionais de produto de alta qualidade cinematográfica diretamente de um web app real, utilizando o Remotion. A skill captura páginas web reais (via Playwright/Chromium) e oferece um vasto cardápio de cerca de 124-150 cartões de receita de cena pré-definidos, que funcionam como 'fichas técnicas' de efeitos visuais e transições. Ela também inclui o modelo 'Ink Press' (um template pronto), sincronização com batida musical e integração com a biblioteca de sons do Freesound para design sonoro. É ideal para tarefas como 'criar um vídeo promocional/de lançamento do meu site/app', aplicar efeitos de cena única (ex: `deck-deal-flyin`) ou encontrar e alinhar efeitos sonoros para um vídeo de produto já existente. A skill sempre busca a versão mais recente do upstream e orienta o usuário a escolher entre três modos de produção (template, autônomo ou cocriação), nunca assumindo um padrão. Suporta projetos Remotion (Node 18+) e depende de ffmpeg. As instruções detalhadas estão em chinês, mas o agente deve responder no idioma do usuário.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/suryxnshsingh/design-engineering-skills/tree/main/video-shotcraft

Perguntar na sua IA favorita

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

Documentação


name: video-shotcraft description: Crie vídeos promocionais cinematográficos de um web app real no Remotion: captura páginas reais, seleciona entre ~124-150 cartões de receita de cena, oferece o modelo Ink Press, sincronização com batida e design de som do Freesound. Use para "criar um vídeo promocional/de lançamento do meu site/app", efeitos de cena única ou encontrar/ajustar efeitos sonoros para um vídeo de produto existente. Sempre busca a versão mais recente.

video-shotcraft (ponteiro ativo do upstream)

Upstream: https://github.com/Vincentwei1021/video-shotcraft · galeria: https://vincentwei1021.github.io/video-shotcraft/ A documentação está em chinês; siga-a e responda ao usuário no idioma dele.

1. Obter a versão mais recente

bash ~/.claude/skills/design-engineer/scripts/upstream.sh video-shotcraft     # imprime PATH=<checkout>

Leia <PATH>/SKILL.md por completo. Ele define a decisão de escopo que você deve tomar antes de qualquer outra coisa:

  • Tarefa apenas de SFX → references/sound-design.md + references/sfx-sourcing.md, use sfx-source.py search.
  • Promo completo → um dos três modos, nunca mesclados: template (template/TEMPLATE.md), autônomo (references/pipeline.md), cocriação (references/guided-free-creation.md).
  • Se o usuário não escolheu um modo: faça uma inspeção somente leitura do produto, recomende um modo com justificativas e pare para que ele escolha. Não use o Ink Press como padrão.
  • Cartões de cena nomeados (ex.: deck-deal-flyin) são uma restrição: leia cada cartão e seu código-fonte de demonstração.

2. Instalar em um projeto (alternativa)

npx skills add Vincentwei1021/video-shotcraft -y

3. Dependências

Projeto Remotion (Node 18+), Playwright/Chromium para captura de páginas, ffmpeg. As skills Remotion (remotion) cobrem problemas de renderização.

4. Quando não usar

Vídeos de marca/explicativos não vinculados a uma página real → lemo-opuscar ou hyperframes. Programação Remotion genérica → remotion.

Individual skills in this repo

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

Habilidades Relacionadas