Video Shotcraftpor Vincentwei1021

Video Shotcraft Skill.

Transforme a interface real de um produto em uma linha do tempo de vídeo composta e inspecionável.

Vídeo de produto
Remotion
Motion design

Revisão da fonte · Video ShotcraftSKILL.md

Tarefa Vídeo de produto Produz • Um projeto de vídeo em Remotion e o filme de produto renderizado • Uma especificação de design derivada do produto, o mapeamento de planos e um storyboard • Uma linha do tempo revisável com os assets de captura e exportações opcionais de projeto editável Antes de começar Exige um ambiente Remotion/Node, captura pelo navegador e ffmpeg. Alguns componentes precisam de pacotes relacionados ao Three.js; a análise de música e a exportação para Jianying, ambas opcionais, adicionam dependências próprias. Verifique por conta própria a licença aplicável de Remotion.

Resumo editorial · fonte revisada em 2026-10-07 · não é um exemplo gerado

01 Funcionalidades

Video Shotcraft

Um pipeline de vídeo de produto com capturas reais que combina receitas de planos, tokens visuais do produto, implementação determinística em Remotion, som e revisão final quadro a quadro.

Fluxo baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

Video Shotcraft é uma biblioteca de produção e um fluxo de trabalho para vídeos de produto. Seu foco principal é uma interface web ou desktop real: capturas de tela de páginas, recortes de elementos e coordenadas viram o material para movimentos de câmera e demonstrações de recursos. A skill oferece cartões de receitas de planos, implementações de referência, componentes reutilizáveis, assets de áudio e um template Ink Press, em vez de pedir que o agente invente cada movimento a partir de uma descrição curta.

Há três modos separados para vídeos completos: adaptar o template existente, criação autônoma e cocriação guiada. A escolha do modo muda o processo de aprovação, não a obrigação de entender o produto. Os tokens visuais devem vir do próprio produto, enquanto os cartões de planos contribuem com a estrutura de movimento. Renderização final, revisão de quadros e tratamento de som fazem parte do caminho de produção pretendido; nada disso fica estabelecido apenas por gerar um storyboard.

Entregáveis esperados

Um projeto de vídeo em Remotion e o filme de produto renderizado
Uma especificação de design derivada do produto, o mapeamento de planos e um storyboard
Uma linha do tempo revisável com os assets de captura e exportações opcionais de projeto editável

Veja o briefing de exemplo

Do briefing à revisão

01
Inspecione e escolha um modo
Leia o produto sem alterar o código de negócio. Decida se o template existente serve, se as decisões criativas serão delegadas ou se as decisões importantes exigem aprovações guiadas.
02
Defina a direção de produto e de som
Extraia do produto tipografia, espaçamento e materiais, identifique estados seguros para demonstração e analise a música escolhida pelo usuário antes de fazer o storyboard de um filme sincronizado com a batida. Planeje capturas reais da UI existente em vez de recriá-la de memória.
03
Mapeie recursos em planos
Selecione receitas de planos e leia suas implementações de referência exatas. Planeje tempo, pausas, legendas e som. No modo guiado, obtenha a aprovação completa do storyboard antes da captura final de páginas e elementos; em todos os modos, remova ou substitua dados sensíveis antes da captura.
04
Renderize e inspecione
Revise quadros estáticos e renderizações completas, verifique o tempo e a segurança dos dados e obtenha a revisão final independente documentada. Quando houver música, mantenha uma renderização alternativa sem música de fundo.

02 Quando usar

Quando usar

Exige um ambiente Remotion/Node, captura pelo navegador e ffmpeg. Alguns componentes precisam de pacotes relacionados ao Three.js; a análise de música e a exportação para Jianying, ambas opcionais, adicionam dependências próprias. Verifique por conta própria a licença aplicável de Remotion.

Quando é indicada

Filmes de produtos de softwareServe para uma história de recursos cuja credibilidade depende de mostrar telas reconhecíveis, e não uma interface inventada com estilo cinematográfico.
Um tratamento de movimento específicoUm único cartão de plano pode atender a uma tarefa de movimento isolada quando um filme promocional completo é desnecessário.

Limites a verificar

Runtime e direitos dos assetsRemotion e qualquer música, filmagem ou fonte fornecida têm seus próprios termos. A disponibilidade da skill não resolve todos os requisitos de uso comercial de cada dependência.
Capturas podem expor dadosInformações de clientes, internas, pessoais e credenciais devem ser removidas antes da captura. Um quadro visualmente bem-sucedido não é aceitável se revelar conteúdo sensível.

Traga estas entradas

Produto e ordem dos recursosForneça um projeto local, uma página acessível ou capturas aprovadas, além dos recursos reais que o filme deve explicar.
Modo e restriçõesEscolha adaptação do template, criação autônoma ou cocriação guiada. Informe duração, proporção de tela, planos indispensáveis e restrições de marca inegociáveis.
Som e dados segurosForneça música liberada, se desejar, e indique quais dados de demonstração podem aparecer. Confirme as substituições antes de começar a coletar telas.

03 Decisões importantes

Decisões importantes

Receitas de movimento com código
A implementação real de uma receita preserva detalhes como easing e máscaras, que se perdem facilmente quando o agente improvisa só a partir do nome do plano.
A identidade do produto permanece
Separar a estrutura de movimento da tipografia e dos materiais permite adaptar um efeito consagrado sem impor ao produto um estilo promocional alheio a ele.

04 Exemplo de briefing

Experimente um briefing focado

O briefing de exemplo abaixo não foi testado. Confira a configuração da skill antes de usá-lo.

Revise a configuração

Use o repositório completo, com cartões de planos, demos, componentes e arquivos de template. Os comandos de renderização da fonte não são um comando de instalação geral.

Arquivo da fonte original

https://github.com/Vincentwei1021/video-shotcraft/blob/5ddbf521038b0a7accfb6dc1e0a9eb29c67277ab/SKILL.md

Comece com uma única entrega

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo

Use Video Shotcraft no modo de cocriação guiada para o projeto fornecido. Faça um filme curto explicando busca, coleções salvas e exportação, usando capturas reais da UI com apenas dados de demonstração. Mantenha a tipografia e as cores já existentes no produto. Proponha o mapeamento de recursos para planos e o storyboard completo antes da produção; depois, renderize e revise o resultado. Não publique o filme nem envie as capturas de origem.

Inspecione o resultado

Compare a saída real com estes critérios observáveis.

Os quadros de UI renderizados correspondem aos estados aprovados do produto e não contêm dados sensíveis.
Cada plano selecionado corresponde a um recurso concreto ou a uma finalidade narrativa.
A renderização entregue foi inspecionada como uma sequência completa, e não apenas como quadros estáticos isolados.

OpenDesign oferece um espaço de trabalho de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída no pacote nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesign Leia o início rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos do projeto original podem mudar.

Autor da fonte: Vincentwei1021
Repositório: Vincentwei1021/video-shotcraft
Arquivo da skill: SKILL.md
Licença: Apache-2.0
Versão revisada: 2026-10-07 · 5ddbf521038b

Resumo editorial da fonte

Um pipeline de vídeo de produto com capturas reais que combina receitas de planos, tokens visuais do produto, implementação determinística em Remotion, som e revisão final quadro a quadro.

Resumo original de OpenDesign, baseado na fonte vinculada. As estrelas do repositório são um sinal de popularidade datado, não indicam uso da skill nem uma nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Preciso usar o visual Ink Press?

Não. O template é apenas um dos modos. A criação autônoma e a guiada podem construir uma nova direção, e até a adaptação do template deve usar a identidade visual do produto-alvo.

Posso pedir apenas uma animação?

Sim. A fonte permite usar um único cartão de plano e sua implementação de referência para uma tarefa de movimento específica.

A exportação de projeto de vídeo editável é automática?

A fonte descreve uma rota opcional de exportação para Jianying. Ela exige dependências e verificações de plataforma próprias, por isso deve ser solicitada e verificada separadamente da renderização principal.

OpenDesign

Abra espaço para a próxima iteração do design.

Mantenha seu briefing, o material de origem e o trabalho de design juntos em um espaço de trabalho local. Confira a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesign Explorar skills de design