lottie-animations

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.

Web および React アプリケーション用の After Effects アニメーション レンダリング。 Lottie アニメーション、JSON ベクター アニメーション、インタラクティブなアニメーション アイコン、マイクロ インタラクション、アニメーションの読み込みを実装する場合は、このスキルを使用します。 Lottie、lottie-web、lottie-react、dotLottie、After Effects JSON エクスポート、bodymovin、アニメーション SVG 代替、またはデザイナーが作成したアニメーションに関連するタスクをトリガーします。 GSAP ScrollTrigger と Framer Motion を補完して、スクロール駆動のインタラクティブなアニメーションを実現します。 ソース: freshtechbro/claudedesignskills。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります