106.9K+Scarica
Vai alla guida all’uso
text-to-lottiedi diffusionstudio

Text to Lottie Skill.

Crea e ripara animazioni Lottie in un player reale, non soltanto in un JSON valido. Text to Lottie si rivolge all’anteprima locale Skia Skottie del repository ed espone valori importanti come controlli modificabili.

  • Lottie
  • Animazione
  • Skottie
Scarica OpenDesignVedi la guida all'uso
Esame della fonte · text-to-lottieSKILL.md
Attività Creare e modificare JSON di animazione Lottie. Risultati • lottie.json di una scena • Controlli modificabili opzionali • Revisione dei fotogrammi nel player locale Prima di iniziare Usa il progetto originale del player e fornisci font o grafica necessari.
Sintesi editoriale · fonte esaminata il 2026-11-02 · non una dimostrazione renderizzata

01 Funzionalità

Creare un’animazione che il player possa davvero renderizzare

La fonte collega la creazione al player Skottie locale ufficiale. Validare JSON è un controllo, non una prova della correttezza visiva.

Flusso di lavoro basato sulla fonteNon è un benchmark di esecuzione

L'approccio di lavoro

La skill scrive lottie.json della scena e, quando necessario, controls.json nel progetto del player. Sceglie una procedura principale per la richiesta, poi legge soltanto i riferimenti aggiuntivi necessari per font, conversione SVG, struttura animata o controlli.

L’editing parte dalla scena di destinazione. Un percorso esplicito prevale su una rotta del browser o contesto scoperto. Prima di modificare un file esistente, l’agente deve rileggerlo: valori modificati nel player possono essere riscritti nello stesso JSON.

Risultati attesi

  • Una scena JSON Lottie nel progetto e nella directory scelti
  • Controlli opzionali per valori regolabili ed etichettati
  • Revisione di fotogrammi rappresentativi nel player Skottie locale
Vedi il brief di esempio

Dal brief alla revisione

  1. 01
    Individuare la scena

    Scegli esplicitamente progetto e scena prima di scrivere. Usa la ricerca per trovare contesto, non come permesso per sovrascrivere un’altra animazione.

  2. 02
    Scegliere procedura e risorse

    Identifica la richiesta e fornisci SVG o font. Per loghi, caricamenti e sovrimpressioni, la fonte prevede per impostazione predefinita uno sfondo trasparente.

  3. 03
    Esporre i valori da modificare

    Usa slot e controlli per valori importanti, con etichette e intervalli utili. Uno sfondo a pieno fotogramma richiede un colore modificabile.

  4. 04
    Esaminare fotogrammi reali

    Valida JSON, apri il player locale e controlla primo fotogramma, uno intermedio e ultimo visibile. Verifica risorse mancanti, ritagli, ordine dei livelli e tempi.

02 Quando usarlo

Quando usarla

Il flusso dipende dal progetto originale del player locale. Font e illustrazioni devono essergli disponibili; altri runtime Lottie possono comportarsi diversamente.

Adatta a

  • Animazione del brand modificabileAdatto a comparse di logo o caricamenti i cui colori e tempi cambieranno dopo la prima versione.
  • Riparare una scena esistenteUtile se il JSON si carica ma in Skottie mancano font, la grafica è tagliata o i livelli sono fuori ordine.

Limiti da verificare

  • Nessuna garanzia universaleLe istruzioni si rivolgono al player Skottie locale ufficiale. Esamina altri runtime prima di promettere un rendering identico.
  • Risorse non incluse automaticamenteIl testo richiede font utilizzabili e metadati corrispondenti. Gli SVG importati richiedono ancora normalizzazione e verifica visiva.

Cosa portare

  • Scena di destinazioneFornisci percorsi di progetto e scena e indica se crei o modifichi.
  • Grafica e fontFornisci SVG o logo autorizzato e font richiesti. Indica forme o testi da mantenere modificabili.
  • Brief di animazioneSpecifica durata, dimensioni del canvas, trasparenza, ciclo e valori da regolare in seguito.

03 Decisioni importanti

Le decisioni importanti

  1. Un file valido può produrre una scena vuota

    La fonte richiede verifica nel player oltre alla validazione JSON. Il parsing riuscito non rileva ogni font mancante o livello invisibile.

  2. L’ultimo fotogramma visibile precede op

    Il punto di uscita Lottie è esclusivo. Il controllo finale suggerito usa op meno uno, non il punto di uscita come contenuto visibile.

  3. I controlli cambiano il flusso di editing

    Il player può riscrivere le sorgenti; rileggerle evita di sostituire le modifiche recenti dell’utente con valori obsoleti.

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.

Esaminare la configurazione del player

Leggi sorgenti e configurazione del repository originale. Il riferimento seguente è un link alla fonte, non un comando di installazione.

File sorgente originale
https://github.com/diffusionstudio/lottie/blob/3c72912fad543897f90045ed4d355813837927fc/skills/text-to-lottie/SKILL.md

Usa una scena di test separata prima di modificare file esistenti.

Descrivere un’animazione

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

Brief di esempio
Usa text-to-lottie per creare un ciclo di quattro secondi per il logo SVG fornito. Crea una scena nuova logo-loop nel progetto di test indicato, senza sovrascriverne altre. Mantieni sfondo trasparente e proporzioni del logo. Esponi il colore d’accento come controllo etichettato. Usa una curva intenzionale invece di movimento lineare uniforme. Valida JSON, apri il player Skottie locale ufficiale e controlla fotogramma zero, uno intermedio e ultimo visibile. Segnala risorse mancanti, ritagli o discontinuità, distinguendo verifiche eseguite e ancora da rivedere.

Esaminare i fotogrammi renderizzati

Confronta l'output effettivo con questi criteri osservabili.

  • Si usa la nuova scena corretta e le modifiche esistenti restano intatte.
  • Il logo è visibile senza ritagli nei fotogrammi esaminati, con sfondo trasparente.
  • Il controllo d’accento aggiorna i valori previsti e il ciclo è verificato nel player reale.

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
diffusionstudio
Repository
diffusionstudio/lottie
File della skill
SKILL.md
Licenza
MIT
Snapshot esaminato
2026-11-02 · 3c72912fad54
Sintesi editoriale della fonte
Revisione editoriale basata sulla fonte del flusso Text to Lottie: scelta della scena, creazione Lottie, controlli modificabili e verifica nel player Skottie locale. Nessuna animazione di esempio è stata eseguita per questa scheda.

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

Un JSON Lottie valido garantisce un rendering corretto?

No. La fonte richiede di esaminare fotogrammi reali nel player locale. Il caricamento dei font, l’ordine dei livelli e i ritagli possono ancora produrre un risultato errato.

Posso usare il file in qualsiasi player Lottie?

Le istruzioni esaminate si rivolgono a Skottie locale. Testa l’animazione esportata nel runtime previsto prima di presumere supporto equivalente.

L’animazione può avere colori modificabili?

Sì. La fonte richiede slot e controlli per valori importanti, con etichette e intervalli. I controlli esatti dipendono dalla scena.

OpenDesign

Tieni insieme l’animazione e il suo brief.

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/diffusionstudio/lottie/blob/3c72912fad543897f90045ed4d355813837927fc/skills/text-to-lottie/SKILL.md