·lottie-animations
</>

lottie-animations

✓
freshtechbro/claudedesignskillsGitHub: freshtechbro/claudedesignskillsИсточник: freshtechbro/claudedesignskills

Рендеринг анимации After Effects для веб-приложений и приложений React. Используйте этот навык при реализации анимации Lottie, векторной анимации JSON, интерактивных анимированных значков, микровзаимодействий или анимации загрузки. Запускается при выполнении задач, включающих Lottie,lottie-web,lottie-react, dotLottie, экспорт JSON After Effects, bodymovin, анимированные альтернативы SVG или анимации, созданные дизайнером. Дополняет GSAP ScrollTrigger и Framer Motion для интерактивной анимации, управляемой прокруткой.

freshtechbro·lottie·animations
16Установки·2Тренд·@freshtechbro

Установка

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

Как установить lottie-animations

Быстро установите AI-навык lottie-animations в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: freshtechbro/claudedesignskills.

SKILL.md

Показать raw

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 для веб-приложений и приложений React. Используйте этот навык при реализации анимации Lottie, векторной анимации JSON, интерактивных анимированных значков, микровзаимодействий или анимации загрузки. Запускается при выполнении задач, включающих Lottie,lottie-web,lottie-react, dotLottie, экспорт JSON After Effects, bodymovin, анимированные альтернативы SVG или анимации, созданные дизайнером. Дополняет GSAP ScrollTrigger и Framer Motion для интерактивной анимации, управляемой прокруткой. Источник: freshtechbro/claudedesignskills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations
Источник
freshtechbro/claudedesignskills
Категория
</>Разработка
Проверено
✓
Впервые замечено
2026-03-09
Обновлено
2026-03-10
URL
https://www.learn-skills.dev/ru/skills/freshtechbro/claudedesignskills/lottie-animations

Browse more skills from freshtechbro/claudedesignskills

Короткие ответы

Что такое lottie-animations?

Рендеринг анимации After Effects для веб-приложений и приложений React. Используйте этот навык при реализации анимации Lottie, векторной анимации JSON, интерактивных анимированных значков, микровзаимодействий или анимации загрузки. Запускается при выполнении задач, включающих Lottie,lottie-web,lottie-react, dotLottie, экспорт JSON After Effects, bodymovin, анимированные альтернативы SVG или анимации, созданные дизайнером. Дополняет GSAP ScrollTrigger и Framer Motion для интерактивной анимации, управляемой прокруткой. Источник: freshtechbro/claudedesignskills.

Как установить lottie-animations?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/freshtechbro/claudedesignskills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-03-09

Похожие навыки

babylonjs-engine
25 Установки
threejs-webgl
24 Установки
blender-web-pipeline
21 Установки
pixijs-2d
21 Установки
spline-interactive
21 Установки
animated-component-libraries
18 Установки