106.9K+Baixar
Ir para o guia de uso
Motion Canvas Agentpor VideoZero

Motion Canvas Agent Skill.

Navegue até quadros, inspecione cenas, faça capturas e renderize no editor Motion Canvas em execução.

  • Motion Canvas
  • Revisão de cena
Baixar OpenDesignVer guia de uso
Análise da fonte · motion-canvas-agentSKILL.md
Tarefa Navegue até quadros, inspecione cenas, faça capturas e renderize no editor Motion Canvas em execução. Entregáveis Uma ponte local de controle ligada a um projeto Motion Canvas. Antes de começar Comece com um projeto Motion Canvas existente e permissão para adicionar ambos os plugins. Mantenha o editor aberto e identifique quadros e ajustes de saída que o agente deve inspecionar.
Resumo editorial · fonte revisada em 2026-11-02 · não é um exemplo gerado

01 Funcionalidades

Navegue até quadros, inspecione cenas, faça capturas e renderize no editor Motion Canvas em execução.

Controle um editor Motion Canvas local por HTTP para capturas de quadros exatos, inspeção do grafo de cena, configurações e renderização.

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

A abordagem de trabalho

motion-canvas-agent conecta um agente a um editor Motion Canvas em execução por uma API HTTP local. Permite buscar um quadro, capturar tela, inspecionar o grafo de cena, mudar configurações de prévia ou renderização e disparar exportação. O navegador continua executando player e renderizador.

A integração usa dois arquivos: um plugin de servidor Vite e um plugin cliente dentro do projeto Motion Canvas. As requisições passam pelo servidor de desenvolvimento até o navegador aberto. Isso torna a inspeção de quadros exatos programável, mas exige conexão ativa com o editor, não sendo um renderizador headless independente.

Entregas esperadas

  • Uma ponte local de controle ligada a um projeto Motion Canvas.
  • Capturas de quadros específicos e dados de inspeção do grafo de cena.
  • Ações de renderização solicitadas e configurações de prévia/renderização registradas.
Ver o briefing de exemplo

Do briefing à revisão

  1. 01
    Conecte os dois lados do plugin

    Adicione o plugin servidor ao Vite e o cliente ao projeto Motion Canvas. Inicie o servidor de desenvolvimento e abra o editor no navegador.

  2. 02
    Inspecione um quadro conhecido

    Confira a conexão, defina o tamanho pretendido e busque o quadro exato. Capture-o e compare os valores do grafo com o resultado visível.

  3. 03
    Renderize com configurações explícitas

    Inspecione erros e distinga ajustes de prévia de ajustes de renderização. Dispare a exportação solicitada e verifique o artefato real após a conclusão.

02 Quando usar

Quando usar

Comece com um projeto Motion Canvas existente e permissão para adicionar ambos os plugins. Mantenha o editor aberto e identifique quadros e ajustes de saída que o agente deve inspecionar.

Bom encaixe

  • O agente precisa de evidência do quadro exatoA API oferece busca e captura sem depender de reprodução do navegador temporizada manualmente.
  • O estado visível da cena não está claroO grafo recursivo informa tipos de nós, posições, tamanhos e textos para apoiar o diagnóstico visual.

Limites a verificar

  • É necessário navegador abertoO servidor repassa ao player e renderizador ativos; um editor desconectado não oferece o controle pretendido.
  • O endpoint deve permanecer localA fonte alerta contra expor a API de controle de desenvolvimento à rede.
  • Pedido de renderização não é conclusãoUma ação aceita pela API ainda exige verificar arquivo de saída e reprodução.

Traga estas entradas

  • Projeto existenteForneça o projeto Motion Canvas e permissão para adicionar os dois arquivos de integração.
  • Alvos de inspeçãoNomeie cenas, números de quadros e condições visuais a conferir.
  • Configurações de saídaEspecifique tamanho do quadro, intervalo, taxa de quadros da renderização e destino.

03 Decisões importantes

Decisões importantes

  1. Capturas repetíveis

    O mesmo quadro pode ser revisitado após corrigir o código.

  2. Visibilidade de estado

    A inspeção do grafo complementa capturas com valores concretos de nós.

  3. Configurações separadas

    Controles de prévia e renderização podem ser inspecionados em vez de presumidos iguais.

04 Exemplo de briefing

Experimente um briefing específico

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

Confira a fonte e a configuração

Forneça o projeto Motion Canvas e permissão para adicionar os dois arquivos de integração.

Arquivo-fonte original
https://github.com/VideoZero/skills/blob/670ff96af6149f0ac8850380a466f073471e600c/motion-canvas-agent/SKILL.md

A referência abaixo abre as instruções originais. Confira a configuração do repositório antes de usá-las; não é um comando de instalação.

Comece com um entregável

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

Briefing de exemplo
Use motion-canvas-agent para inspecionar minha sequência Motion Canvas em execução depois de conectar o plugin. Confirme a conexão e capture primeiro quadro, passagem do pacote e quadro final no tamanho solicitado de 1920 por 1080. Inspecione o grafo onde o pacote aparece recortado e confira o endpoint de erros. Mantenha a API vinculada localmente. Registre taxas de quadros de prévia e renderização separadamente e dispare o intervalo aprovado. Informe o arquivo exportado real só depois de confirmar que ele existe e pode ser reproduzido; não trate a confirmação do endpoint como exportação concluída.

Inspecione o resultado

Compare o resultado real com estes critérios observáveis.

  • Confirme a conexão do navegador antes de buscar ou capturar.
  • Compare metadados do quadro capturado com o quadro solicitado.
  • Verifique configurações, erros e o artefato de renderização concluído.

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 nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesignLer o guia 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 upstream podem mudar.

Responsável pela fonte
VideoZero
Repositório
VideoZero/skills
Arquivo da skill
SKILL.md
Licença
Apache-2.0
Versão revisada
2026-11-02 · 670ff96af614
Resumo editorial da fonte
Navegue até quadros, inspecione cenas, faça capturas e renderize no editor Motion Canvas em execução.

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

06 Perguntas antes de começar

Perguntas antes de começar

Pode executar sem navegador?

A arquitetura documentada exige o editor Motion Canvas aberto. O plugin cliente expõe player e renderizador ativos pela ponte do servidor.

Ele escreve cenas de animação?

Seu papel principal é controle e inspeção. A skill complementar motion-canvas cobre conceitos do framework e autoria de cenas.

Posso expor a API num servidor compartilhado?

A fonte recomenda explicitamente operação apenas em localhost. Endpoints de controle não devem ser expostos como serviço de produção em rede.

OpenDesign

Mantenha o briefing e o trabalho de design juntos.

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

Baixar OpenDesignExplorar skills de design
Arquivo-fonte original
https://github.com/VideoZero/skills/blob/670ff96af6149f0ac8850380a466f073471e600c/motion-canvas-agent/SKILL.md