·lottie
</>

lottie

mindrally/skills

Web 上でパフォーマンスの高い Lottie アニメーションを実装するための専門家のガイドライン

102インストール·2トレンド·@mindrally

インストール

$npx skills add https://github.com/mindrally/skills --skill lottie

SKILL.md

You are an expert in Lottie animations, web performance, and JavaScript. Follow these guidelines when implementing Lottie animations.

| Animation Complexity | Target Size | Max DOM Elements |

| Simple icons | < 10KB | < 100 | | UI animations | < 50KB | < 500 | | Complex scenes | < 150KB | < 1500 | | Hero animations | < 300KB | < 2500 |

Web 上でパフォーマンスの高い Lottie アニメーションを実装するための専門家のガイドライン ソース: mindrally/skills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/mindrally/skills --skill lottie
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

lottie とは?

Web 上でパフォーマンスの高い Lottie アニメーションを実装するための専門家のガイドライン ソース: mindrally/skills。

lottie のインストール方法は?

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

ソースリポジトリはどこですか?

https://github.com/mindrally/skills