106.9K+İndir
Kullanım kılavuzuna geç
text-to-lottieyazan diffusionstudio

Text to Lottie Skill'i.

Lottie animasyonlarını yalnızca geçerli JSON dosyasına göre değil, gerçek oynatıcıda oluşturup düzeltin. Text to Lottie, deponun yerel Skia Skottie önizlemesini hedefler ve önemli değerleri düzenlenebilir kontroller olarak sunar.

  • Lottie
  • Motion
  • Skottie
OpenDesign İndirKullanım Kılavuzunu Görüntüle
Kaynak incelemesi · text-to-lottieSKILL.md
Görev Lottie animasyon JSON’u oluşturun ve düzenleyin. Çıktılar • Sahnenin lottie.json dosyası • İsteğe bağlı düzenlenebilir kontroller • Yerel oynatıcıda kare düzeyinde inceleme Başlamadan önce Kaynak oynatıcı projesini kullanın; sahnenin gerektirdiği fontları veya çizimleri sağlayın.
Editoryal özet · kaynak incelemesi 2026-11-02 · işlenmiş gösterim değildir

01 İşlevler

Oynatıcının gerçekten gösterebildiği animasyon oluşturun

Kaynak, animasyon yazımını resmi yerel Skottie oynatıcısına bağlar. JSON doğrulaması bir kontroldür; sahnenin doğru göründüğünün kanıtı değildir.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

Skill, oynatıcı projesinin içine sahnenin lottie.json dosyasını ve gerektiğinde controls.json dosyasını yazar. İstenen görev için ana tarifi seçer; sonra yalnızca font, SVG dönüştürme, animasyon yapısı veya kontroller için gereken ek referansları okur.

Düzenleme hedef sahneyi belirlemekle başlar. Açıkça sağlanan yol, tarayıcı rotasından veya keşfedilen bağlamdan önce gelir. Oynatıcıdan düzenlenen değerler aynı JSON’a geri yazılabileceği için ajan mevcut dosyayı değiştirmeden önce yeniden okumalıdır.

Beklenen Çıktılar

  • Seçilen proje ve sahne dizininde Lottie JSON sahnesi.
  • Etiketlenmiş, ayarlanabilir animasyon değerleri için isteğe bağlı kontroller.
  • Yerel Skottie oynatıcısında temsili karelerin incelenmesi.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Sahneyi belirleyin

    Yazmadan önce açık bir proje ve sahne seçin. Keşfi ilgisiz animasyonun üzerine yazma izni olarak değil, bağlam bulmak için kullanın.

  2. 02
    Tarifi ve varlıkları seçin

    Animasyon görevini belirleyip SVG veya font dosyalarını sağlayın. Kaynak, logolar, yükleyiciler ve üst katmanlar için varsayılan olarak saydam arka plan kullanır.

  3. 03
    Değişecek değerleri açığa çıkarın

    Önemli düzenlenebilir değerlerde yararlı etiket ve aralıklarla slot’lar ve kontroller kullanın. Tam kadraj arka planın düzenlenebilir arka plan rengi olmalıdır.

  4. 04
    Gerçek kareleri inceleyin

    JSON’u doğrulayın, yerel oynatıcıyı açın ve ilk, orta, son görünür kareleri inceleyin. Eksik varlıkları, kırpmayı, katman sırasını ve zamanlamayı kontrol edin.

02 Kullanım Alanları

Ne zaman kullanılır

Bu iş akışı kaynak deponun yerel oynatıcı projesine bağlıdır. Fontlar ve içe aktarılan çizimler projede bulunmalıdır; diğer Lottie çalışma ortamları farklı davranabilir.

İyi Bir Uyum

  • Düzenlenebilir marka hareketiİlk sürümden sonra renkleri ve zamanlaması değişecek logo açılışı veya yükleyici için uygundur.
  • Mevcut sahneyi düzeltmeJSON animasyonu yüklendiği hâlde Skottie’de font eksikliği, kırpılmış çizim veya yanlış katman sırası varsa yararlıdır.

Kontrol Edilecek Sınırlar

  • Her oynatıcı için garanti değildirTalimatlar resmi yerel Skottie oynatıcısını hedefler. Aynı dosyanın özdeş görüneceğini söylemeden önce diğer hedef çalışma ortamını inceleyin.
  • Varlıklar otomatik gelmezMetin, kullanılabilir font dosyaları ve eşleşen font meta verileri gerektirir. İçe aktarılan SVG çizim yine normalleştirme ve görsel inceleme ister.

Bu Girdileri Getirin

  • Hedef sahneProje ve sahne yolunu verin; görevin yeni sahne mi oluşturduğunu yoksa mevcut sahneyi mi düzenlediğini söyleyin.
  • Çizim ve font dosyalarıİzinli SVG veya logo ile gereken fontları sağlayın. Hangi şekil veya metnin düzenlenebilir kalacağını belirtin.
  • Motion brief’iSüreyi, tuval boyutunu, saydamlığı, döngü davranışını ve sonradan ayarlamak istediğiniz değerleri belirtin.

03 Önemli Kararlar

Önemli kararlar

  1. Geçerli dosya yine boş sahne olabilir

    Kaynak, JSON doğrulamasına ek olarak gerçek oynatıcı incelemesi ister. Başarılı ayrıştırma her eksik fontu veya görünmez katmanı bulamaz.

  2. Son görünür kare op’den öncedir

    Lottie’nin çıkış noktası aralığa dahil değildir. Önerilen son kare kontrolü, çıkış noktasını görünür içerik saymak yerine op eksi biri kullanır.

  3. Kontroller düzenleme akışını değiştirir

    Oynatıcı kontrolleri değişiklikleri kaynağa geri yazabileceği için dosyayı yeniden okumak, kullanıcının son düzenlemelerinin eski değerlerle değiştirilmesini önler.

04 Örnek Görev Tanımı

Odaklı bir brief deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Oynatıcı kurulumunu inceleyin

Kaynak talimatları ve depo kurulumunu okuyun. Aşağıdaki referans kaynak bağlantısıdır, kurulum komutu değildir.

Üst Kaynak Dosyası
https://github.com/diffusionstudio/lottie/blob/3c72912fad543897f90045ed4d355813837927fc/skills/text-to-lottie/SKILL.md

Mevcut proje dosyalarını değiştirmeden önce ayrı test sahnesi kullanın.

Tek bir animasyon tanımlayın

Skill'i çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif
Sağladığım SVG logo için text-to-lottie ile dört saniyelik döngü oluştur. Belirttiğim test projesinde logo-loop adlı yeni sahne aç; başka sahnenin üzerine yazma. Arka planı saydam, logo oranlarını korunmuş tut. Vurgu rengini etiketli kontrol olarak sun. Tekdüze doğrusal hareket yerine bilinçli easing kullan. JSON’u doğrula, resmi yerel Skottie oynatıcısını aç ve sıfırıncı, orta ve son görünür kareyi incele. Eksik varlıkları, kırpmayı veya döngü kopukluğunu bildir; yaptığın kontrolleri hâlâ inceleme bekleyenlerden ayır.

İşlenmiş kareleri inceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • Doğru yeni sahne kullanılır; mevcut düzenlemeler korunur.
  • İncelenen karelerde logo kırpılmadan görünür, arka plan saydamdır.
  • Vurgu kontrolü amaçlanan değerleri günceller; döngü gerçek oynatıcıda kontrol edilir.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndirHızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Upstream davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi
diffusionstudio
Depo
diffusionstudio/lottie
Skill Dosyası
SKILL.md
Lisans
MIT
İncelenen Sürüm
2026-11-02 · 3c72912fad54
Editoryal Kaynak Özeti
Text to Lottie iş akışının kaynağa dayalı editoryal incelemesi: sahne hedefleme, Lottie yazımı, düzenlenebilir kontroller ve yerel Skottie oynatıcısında doğrulama. Bu listeleme için örnek animasyon çalıştırılmadı.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan önce sorular

Geçerli Lottie JSON doğru render’ı garanti eder mi?

Hayır. Kaynak yerel oynatıcıda gerçek kareleri incelemeyi ister. Font yükleme, katman sırası ve kırpma yine hatalı sonuç oluşturabilir.

Dosyayı herhangi bir Lottie oynatıcıda kullanabilir miyim?

İncelenen talimatlar yerel Skottie’yi hedefler. Eşdeğer destek varsaymadan önce dışa aktarılan animasyonu hedef çalışma ortamınızda test edin.

Animasyonun renkleri düzenlenebilir olabilir mi?

Evet. Kaynak, önemli ayarlanabilir değerlerde etiket ve aralığı olan slot’lar ve kontroller kullanılmasını söyler. Kesin kontroller sahneye bağlıdır.

OpenDesign

Animasyonu ve brief’ini birlikte tutun.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndirTasarım Skill'lerine Göz At
Üst Kaynak Dosyası
https://github.com/diffusionstudio/lottie/blob/3c72912fad543897f90045ed4d355813837927fc/skills/text-to-lottie/SKILL.md