Skills
.Work. You
Rest

frontend-lottie

Community

Lightweight Lottie UI animations, instantly.

Design & Creative#frontend#react#lottie#loading#ui-animations#visual-feedback
Authorandrey-belen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides ready-to-use frontend Lottie animations to enhance UI polish without interactive logic.

Core Features & Use Cases

  • Lightweight and SSR-friendly animations that simply play for polished UI feedback
  • Use cases include loading spinners, success indicators, empty states, and decorative icons
  • Compatibility with React/Next.js via @lottiefiles/dotlottie-react

Quick Start

  1. Install the package: npm install @lottiefiles/dotlottie-react
  2. Place your animation file (e.g., public/animations/loading.lottie)
  3. Use the component: import { DotLottieReact } from '@lottiefiles/dotlottie-react' and render with: <DotLottieReact src="/animations/loading.lottie" autoplay loop />

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-lottie
Download link: https://github.com/andrey-belen/alto-iam-cloud/archive/main.zip#frontend-lottie

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.