106.9K+Scarica
Vai alla guida all’uso
Motion Canvas Agentdi VideoZero

Motion Canvas Agent Skill.

Naviga, ispeziona, acquisisci screenshot e avvia rendering in un editor Motion Canvas attivo.

  • Motion Canvas
  • Revisione delle scene
Scarica OpenDesignVedi la guida all'uso
Esame della fonte · motion-canvas-agentSKILL.md
Attività Naviga, ispeziona, acquisisci screenshot e avvia rendering in un editor Motion Canvas attivo. Risultati Un ponte di controllo locale collegato a un progetto Motion Canvas. Prima di iniziare Parti da un progetto Motion Canvas esistente e dal permesso di aggiungere entrambi i plugin. Tieni aperto l’editor e identifica fotogrammi e impostazioni di output che l’agente dovrà verificare.
Sintesi editoriale · fonte esaminata il 2026-11-02 · non è un esempio generato

01 Funzionalità

Naviga, ispeziona, acquisisci screenshot e avvia rendering in un editor Motion Canvas attivo

Controlla un editor Motion Canvas locale via HTTP per screenshot di fotogrammi esatti, ispezione del grafo di scena, impostazioni e rendering.

Flusso di lavoro basato sulla fonteNon è un benchmark di esecuzione

L'approccio di lavoro

motion-canvas-agent collega un agente a un editor Motion Canvas attivo tramite un’API HTTP locale. Può raggiungere un fotogramma, acquisire screenshot, ispezionare il grafo di scena, modificare impostazioni di anteprima o rendering e avviare un’esportazione. Lettore e renderer continuano a funzionare nel browser.

L’integrazione usa due file: un plugin server Vite e un plugin client nel progetto Motion Canvas. Le richieste passano dal server di sviluppo al browser aperto. Questo rende programmabile l’ispezione di fotogrammi esatti, ma richiede una connessione attiva all’editor e non è un renderer headless indipendente.

Risultati attesi

  • Un ponte di controllo locale collegato a un progetto Motion Canvas.
  • Screenshot di fotogrammi specifici e dati di ispezione del grafo di scena.
  • Azioni di rendering richieste e impostazioni di anteprima/rendering registrate.
Vedi il brief di esempio

Dal brief alla revisione

  1. 01
    Collegare entrambi i lati del plugin

    Aggiungi il plugin server a Vite e quello client al progetto Motion Canvas. Avvia il server di sviluppo e apri l’editor in un browser.

  2. 02
    Esaminare un fotogramma noto

    Controlla la connessione, imposta le dimensioni previste e raggiungi un fotogramma esatto. Acquisiscilo e confronta i valori del grafo con il risultato visibile.

  3. 03
    Renderizzare con impostazioni esplicite

    Esamina gli errori e distingui impostazioni di anteprima e rendering. Avvia l’esportazione richiesta e verifica l’artefatto reale dopo il completamento.

02 Quando usarlo

Quando usarla

Parti da un progetto Motion Canvas esistente e dal permesso di aggiungere entrambi i plugin. Tieni aperto l’editor e identifica fotogrammi e impostazioni di output che l’agente dovrà verificare.

Adatta a

  • Un agente richiede prove su fotogrammi esattiL’API espone navigazione temporale e screenshot senza affidarsi alla riproduzione del browser cronometrata manualmente.
  • Lo stato visibile di una scena non è chiaroIl grafo ricorsivo riporta tipi, posizioni, dimensioni e testi dei nodi per supportare la diagnosi visiva.

Limiti da verificare

  • Serve un browser apertoIl server inoltra al lettore e renderer attivi; un editor scollegato non può offrire il controllo previsto.
  • L’endpoint deve restare localeLa fonte avverte di non esporre in rete l’API di controllo dello sviluppo.
  • Una richiesta di rendering non equivale al completamentoUn’azione API accettata richiede ancora la verifica del file di output e della riproduzione.

Cosa portare

  • Progetto esistenteFornisci il progetto Motion Canvas e il permesso di aggiungere i due file d’integrazione.
  • Obiettivi di ispezioneIndica scene, numeri di fotogramma e condizioni visive da controllare.
  • Impostazioni di outputSpecifica dimensioni, intervallo, frame rate di rendering e destinazione.

03 Decisioni importanti

Le decisioni importanti

  1. Acquisizioni ripetibili

    Si può tornare allo stesso fotogramma dopo una correzione del codice.

  2. Visibilità dello stato

    L’ispezione del grafo integra gli screenshot con valori concreti dei nodi.

  3. Impostazioni separate

    I controlli di anteprima e rendering si possono esaminare senza presupporre che siano identici.

04 Esempio di brief

Prova un brief mirato

Il brief di esempio qui sotto non è stato testato. Controlla la configurazione della skill prima di usarlo.

Esamina la fonte e la configurazione

Fornisci il progetto Motion Canvas e il permesso di aggiungere i due file d’integrazione.

File sorgente originale
https://github.com/VideoZero/skills/blob/670ff96af6149f0ac8850380a466f073471e600c/motion-canvas-agent/SKILL.md

Il riferimento seguente apre le istruzioni originali. Verifica la configurazione del repository prima di usarle: non è un comando di installazione.

Inizia con un solo risultato

Adatta ambito, materiale di partenza e vincoli di questo brief prima di eseguire la skill.

Brief di esempio
Usa motion-canvas-agent per ispezionare la mia sequenza Motion Canvas attiva dopo il collegamento del plugin. Conferma la connessione dell’editor, poi acquisisci primo fotogramma, passaggio del pacchetto e ultimo fotogramma alle dimensioni richieste di 1920 per 1080. Ispeziona il grafo dove il pacchetto sembra tagliato e controlla l’endpoint degli errori. Mantieni l’API in ascolto solo su localhost. Registra separatamente i frame rate di anteprima e rendering, poi avvia l’intervallo di rendering approvato. Riporta il file esportato reale soltanto quando esiste e si riproduce; non considerare la conferma dell’endpoint un’esportazione completata.

Esamina il risultato

Confronta l'output effettivo con questi criteri osservabili.

  • Conferma la connessione del browser prima di navigare o acquisire.
  • Confronta i metadati del fotogramma nello screenshot con quello richiesto.
  • Verifica impostazioni di output, errori e artefatto di rendering completato.

OpenDesign offre uno spazio di lavoro di design locale per agenti di programmazione. Questa scheda non significa che la skill sia inclusa nel pacchetto né che i suoi strumenti esterni, le credenziali e le dipendenze software siano compresi.

Scarica OpenDesignLeggi la guida rapida

05 Fonte e licenza

Fonte e licenza

Questa pagina descrive la revisione della fonte fissata e collegata qui sotto. Comportamento e requisiti upstream possono cambiare.

Proprietario della fonte
VideoZero
Repository
VideoZero/skills
File della skill
SKILL.md
Licenza
Apache-2.0
Snapshot esaminato
2026-11-02 · 670ff96af614
Sintesi editoriale della fonte
Naviga, ispeziona, acquisisci screenshot e avvia rendering in un editor Motion Canvas attivo.

Sintesi originale di OpenDesign, basata sulla fonte collegata. Le stelle del repository sono un indicatore di popolarità datato, non l'uso della skill né un punteggio di qualità.

06 Domande prima di iniziare

Domande prima di iniziare

Può funzionare senza browser?

L’architettura documentata richiede che l’editor Motion Canvas sia aperto. Il plugin client espone lettore e renderer attivi tramite il ponte server.

Scrive scene animate?

Il suo ruolo principale è controllo e ispezione. La skill complementare motion-canvas copre concetti del framework e creazione di scene.

Posso esporre l’API su un server condiviso?

La fonte raccomanda esplicitamente l’uso solo su localhost. Gli endpoint di controllo non vanno esposti come servizio di rete in produzione.

OpenDesign

Tieni insieme il brief e il lavoro di design.

Tieni brief, materiali di partenza e lavoro di design insieme in uno spazio di lavoro locale. Controlla la configurazione della skill prima di aggiungerla al tuo flusso di lavoro.

Scarica OpenDesignSfoglia le skill di design
File sorgente originale
https://github.com/VideoZero/skills/blob/670ff96af6149f0ac8850380a466f073471e600c/motion-canvas-agent/SKILL.md