106.9K+Descargar
Ir a la guía de uso
text-to-lottiepor diffusionstudio

Text to Lottie Skill.

Crea y repara animaciones Lottie con un reproductor real, no solo con JSON válido. Text to Lottie se dirige a la vista previa local Skia Skottie del repositorio y expone valores importantes como controles editables.

  • Lottie
  • Animación
  • Skottie
Descargar OpenDesignVer la guía de uso
Revisión de la fuente · text-to-lottieSKILL.md
Tarea Crear y editar JSON de animación Lottie. Resultados • lottie.json de una escena • Controles editables opcionales • Revisión por fotograma en el reproductor local Antes de empezar Usa el proyecto original del reproductor y aporta fuentes o ilustraciones necesarias.
Resumen editorial · fuente revisada el 2026-11-02 · no es una demostración renderizada

01 Qué hace

Crear una animación que el reproductor pueda renderizar

La fuente conecta creación de animación y reproductor oficial Skottie local. Validar JSON es una comprobación, no prueba de corrección visual.

Flujo de trabajo basado en la fuenteNo es un benchmark de ejecución

El enfoque de trabajo

El skill escribe lottie.json de una escena y, si hace falta, controls.json dentro del proyecto del reproductor. Elige una receta principal para la tarea solicitada y lee solo referencias adicionales necesarias de fuentes, conversión SVG, estructura de animación o controles.

La edición empieza resolviendo la escena objetivo. Una ruta explícita tiene prioridad sobre una ruta del navegador o contexto descubierto. Antes de modificar un archivo existente, el agente debe releerlo, pues los valores editados en el reproductor pueden guardarse en el mismo JSON.

Entregables esperados

  • Una escena JSON Lottie en el proyecto y directorio elegidos
  • Controles opcionales para valores ajustables y etiquetados
  • Una revisión de fotogramas representativos en Skottie local
Ver el brief de ejemplo

Del brief a la revisión

  1. 01
    Resolver la escena

    Elige proyecto y escena explícitos antes de escribir. Descubrir contexto no autoriza sobrescribir otra animación.

  2. 02
    Elegir receta y recursos

    Identifica la tarea y aporta SVG o fuentes necesarios. Para logos, cargadores y superposiciones, la fuente usa fondo transparente por defecto.

  3. 03
    Exponer los valores cambiantes

    Usa slots y controles para valores editables importantes, con etiquetas y rangos útiles. Un fondo que ocupe todo el fotograma necesita color editable.

  4. 04
    Inspeccionar fotogramas reales

    Valida JSON, abre el reproductor local e inspecciona primer fotograma, uno intermedio y el último visible. Comprueba recursos ausentes, recortes, orden de capas y tiempos.

02 Cuándo usarlo

Cuándo usarlo

El flujo depende del proyecto original del reproductor local. Fuentes e ilustraciones deben estar disponibles para él; otros entornos Lottie pueden comportarse distinto.

Buen encaje

  • Animación de marca editableAdecuado para apariciones de logo o cargadores cuyos colores y tiempos cambiarán tras la primera versión.
  • Reparar escenas existentesÚtil cuando JSON carga pero faltan fuentes, hay recortes o el orden de capas es incorrecto en Skottie.

Límites que conviene comprobar

  • Sin garantía universal de reproducciónLas instrucciones se dirigen al reproductor oficial local Skottie. Inspecciona otros entornos antes de prometer resultados idénticos.
  • Los recursos no se incluyen automáticamenteEl texto requiere archivos de fuente utilizables y metadatos coincidentes. SVG importado aún necesita normalización y revisión visual.

Aporta estos datos

  • Escena objetivoDa rutas de proyecto y escena e indica si se crea o edita.
  • Ilustraciones y fuentesAporta SVG o logo autorizado y fuentes necesarias. Indica formas o textos que deben seguir editables.
  • Brief de animaciónEspecifica duración, tamaño de canvas, transparencia, bucle y valores que ajustarás después.

03 Decisiones importantes

Decisiones importantes

  1. Un archivo válido puede ser una escena vacía

    La fuente exige inspección real además de validar JSON. Un parseo correcto no detecta toda fuente ausente o capa invisible.

  2. El último fotograma visible precede a op

    El punto de salida Lottie es exclusivo. La comprobación sugerida usa op menos uno, no el punto de salida como contenido visible.

  3. Los controles cambian la edición

    El reproductor puede guardar cambios en las fuentes; releer evita sustituir las últimas ediciones del usuario por valores obsoletos.

04 Ejemplo de brief

Prueba con un encargo concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración del skill antes de usarlo.

Revisar la configuración del reproductor

Lee las fuentes y configuración del repositorio original. La referencia siguiente es un enlace fuente, no un comando de instalación.

Archivo fuente original
https://github.com/diffusionstudio/lottie/blob/3c72912fad543897f90045ed4d355813837927fc/skills/text-to-lottie/SKILL.md

Usa una escena de prueba separada antes de modificar archivos existentes.

Describir una animación

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar el skill.

Brief de ejemplo
Usa text-to-lottie para crear una animación en bucle de cuatro segundos del logo SVG que aporte. Crea una escena nueva logo-loop en el proyecto de prueba indicado, sin sobrescribir otra. Conserva fondo transparente y proporciones. Expón el color de acento como control etiquetado. Usa una curva de aceleración intencionada, no movimiento lineal uniforme. Valida JSON, abre Skottie local oficial e inspecciona fotograma cero, uno intermedio y el último visible. Informa de recursos ausentes, recortes o discontinuidad del bucle, distinguiendo comprobaciones realizadas de las pendientes.

Revisar fotogramas renderizados

Comprueba el resultado real con estos criterios observables.

  • Se usa la escena nueva correcta y se conservan ediciones existentes.
  • El logo se ve sin recortes en los fotogramas inspeccionados, con fondo transparente.
  • El control de acento cambia los valores previstos y el bucle se verifica en el reproductor real.

OpenDesign ofrece un espacio de trabajo de diseño local para agentes de programación. Este listado no significa que el skill esté incluido ni que se incluyan sus herramientas externas, credenciales y dependencias de software.

Descargar OpenDesignLeer la guía de inicio rápido

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fijada de la fuente enlazada abajo. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente
diffusionstudio
Repositorio
diffusionstudio/lottie
Archivo del skill
SKILL.md
Licencia
MIT
Versión revisada
2026-11-02 · 3c72912fad54
Resumen editorial de la fuente
Revisión editorial basada en la fuente del flujo Text to Lottie: selección de escena, creación Lottie, controles editables y verificación en Skottie local. No se ejecutó ninguna animación de ejemplo para esta ficha.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad con fecha, no el uso del skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿JSON Lottie válido garantiza un renderizado correcto?

No. La fuente exige inspeccionar fotogramas reales en el reproductor local. La carga de fuentes, el orden de capas y los recortes aún pueden producir un resultado incorrecto.

¿Puedo usarlo en cualquier reproductor Lottie?

Las instrucciones revisadas se dirigen a Skottie local. Prueba la animación exportada en tu entorno antes de suponer soporte equivalente.

¿Puede tener colores editables?

Sí. La fuente indica slots y controles para valores ajustables importantes, con etiquetas y rangos. Los controles exactos dependen de la escena.

OpenDesign

Mantén juntos la animación y su brief.

Mantén juntos tu brief, el material de origen y el trabajo de diseño en un espacio de trabajo local. Revisa la configuración propia del skill antes de añadirlo a tu flujo de trabajo.

Descargar OpenDesignExplorar skills de diseño
Archivo fuente original
https://github.com/diffusionstudio/lottie/blob/3c72912fad543897f90045ed4d355813837927fc/skills/text-to-lottie/SKILL.md