skills.rest
calesthio
calesthioCOMMUNITY
Explore all skills by this author →
𝕏@calesthioailabsGitHub

lottie-animation-delivery

Package and validate Lottie animations for cross-platform delivery.

123|21|Updated Jul 11, 2026
Search Tags:#accessibility#lottie#dotlottie#media qa#animation delivery#player compatibility#deterministic capture
One-click install
npx skills add https://github.com/calesthio/generative-media-skills --skill lottie-animation-delivery
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lottie-animation-delivery
Source: https://github.com/calesthio/generative-media-skills/tree/main/skills/production/runtime-assembly/lottie-animation-delivery
Command: npx skills add https://github.com/calesthio/generative-media-skills --skill lottie-animation-delivery

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps production teams move Lottie animations from authoring tools into reliable, accessible, and validated web, mobile, application, and video deliverables without losing visual fidelity, typography, timing, asset integrity, or cross-platform behavior.

Core Features & Use Cases

  • Format and Player Assessment: Decide whether Lottie fits the deliverable and evaluate JSON, dotLottie, renderer, and player compatibility.
  • Production Packaging: Prepare animations with validated fonts, images, masks, mattes, markers, segments, states, responsive behavior, and offline-ready assets.
  • Deterministic Capture and QA: Render exact frames for video overlays, validate boundaries and repeated seeks, test accessibility and reduced motion, and document performance, rights, provenance, and handoff requirements.
  • Use Case: Deliver a localized onboarding animation across web, iOS, and Android while preserving font behavior, offline assets, semantic host text, reduced-motion fallbacks, and tested state transitions.

Quick Start

Use the lottie-animation-delivery skill to assess, package, validate, and hand off the attached Lottie animation for the specified target players and delivery formats.

Frequently Asked Questions about lottie-animation-delivery

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I package Lottie animations for cross-platform delivery without losing font or asset fidelity?▼

To package Lottie animations reliably, you must validate fonts, images, masks, and mattes, then prepare offline-ready assets with pinned exporter and player versions to preserve cross-platform behavior and visual fidelity.

What is the best way to test Lottie player compatibility for web, iOS, and Android?▼

Testing Lottie player compatibility requires evaluating JSON and dotLottie renderer support, running frame-parity tests across target feature fixtures, and validating state transitions and lifecycle checks on each platform.

When do I need deterministic frame capture for Lottie animation delivery?▼

Deterministic frame capture is needed when rendering exact frames for video overlays, allowing you to validate boundaries, test repeated seeks, and ensure visual consistency for media QA workflows.

Does Lottie delivery require accessibility and reduced-motion safeguards?▼

Lottie delivery requires accessibility safeguards including reduced-motion fallbacks, semantic host text, and localization support to ensure animations remain usable across all user environments and device settings.

Why does my Lottie animation look different after being exported from Bodymovin?▼

Lottie animations appear different after Bodymovin export due to unpinned exporter or player versions, unvalidated assets, or unsupported typography, requiring strict version pinning and asset validation to resolve.

Can I use dotLottie archives for offline-ready animation assets?▼

dotLottie archives support offline-ready animation delivery by bundling validated Lottie JSON with required images and fonts, ensuring consistent rendering when network access is unavailable.

Related Skills

Explore More Design & Creative Skills→
yonetim258852yonetim258852

lottie-animations

Render After Effects animations in web apps using Lottie formats.

Community
Advanced
calesthiocalesthio
123

seedance-2-0

Produce validated Seedance 2.0 videos across multimodal workflows with QA.

Community
Advanced
calesthiocalesthio
123

gsap-animation-composition

Build deterministic GSAP animation timelines driven by explicit video frames.

Community
Advanced
patrickhaahrpatrickhaahr

remotion-best-practices

Enforce Remotion best practices for React-based video projects.

Community
Intermediate