·lottie-animations
</>

lottie-animations

After Effects-Animationsrendering für Web- und React-Anwendungen. Nutzen Sie diese Fähigkeit, wenn Sie Lottie-Animationen, JSON-Vektoranimationen, interaktive animierte Symbole, Mikrointeraktionen oder Ladeanimationen implementieren. Wird bei Aufgaben ausgelöst, die Lottie, Lottie-Web, Lottie-React, DotLottie, After Effects JSON-Export, Bodymovin, animierte SVG-Alternativen oder vom Designer erstellte Animationen umfassen. Ergänzt GSAP ScrollTrigger und Framer Motion für scrollgesteuerte und interaktive Animationen.

16Installationen·2Trend·@freshtechbro

Installation

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations

So installieren Sie lottie-animations

Installieren Sie den KI-Skill lottie-animations schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: freshtechbro/claudedesignskills.

Lottie is a library for rendering After Effects animations in real-time on web, iOS, Android, and React Native. Created by Airbnb, it allows designers to ship animations as easily as shipping static assets. Animations are exported from After Effects as JSON files using the Bodymovin plugin, then rendered natively with minimal performance overhead.

Problem: Animation doesn't load due to CORS or incorrect paths.

After Effects-Animationsrendering für Web- und React-Anwendungen. Nutzen Sie diese Fähigkeit, wenn Sie Lottie-Animationen, JSON-Vektoranimationen, interaktive animierte Symbole, Mikrointeraktionen oder Ladeanimationen implementieren. Wird bei Aufgaben ausgelöst, die Lottie, Lottie-Web, Lottie-React, DotLottie, After Effects JSON-Export, Bodymovin, animierte SVG-Alternativen oder vom Designer erstellte Animationen umfassen. Ergänzt GSAP ScrollTrigger und Framer Motion für scrollgesteuerte und interaktive Animationen. Quelle: freshtechbro/claudedesignskills.

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-03-09
Aktualisiert
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Schnelle Antworten

Was ist lottie-animations?

After Effects-Animationsrendering für Web- und React-Anwendungen. Nutzen Sie diese Fähigkeit, wenn Sie Lottie-Animationen, JSON-Vektoranimationen, interaktive animierte Symbole, Mikrointeraktionen oder Ladeanimationen implementieren. Wird bei Aufgaben ausgelöst, die Lottie, Lottie-Web, Lottie-React, DotLottie, After Effects JSON-Export, Bodymovin, animierte SVG-Alternativen oder vom Designer erstellte Animationen umfassen. Ergänzt GSAP ScrollTrigger und Framer Motion für scrollgesteuerte und interaktive Animationen. Quelle: freshtechbro/claudedesignskills.

Wie installiere ich lottie-animations?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/freshtechbro/claudedesignskills