lottie-marketplace は何をしますか？
2つのClaude Codeコマンドを使用して、LottieアニメーションをReact、Vue、Flutter、およびその他のフレームワークに検索、取得、統合します。
概要
このスキルにより、開発者はClaude Code内から直接LottieFilesアニメーションを検索し、プロジェクトに追加できます。以下の2つの主要なコマンドを提供します：
- search-lottie: キーワード、カテゴリ、効果に基づいてLottieアニメーションを検索します。
- add-lottie: 特定のLottieアニメーションをプロジェクトにダウンロードして統合します。
使用例
Lottieアニメーションの検索
/search-lottie キーワード="ローディング" カテゴリ="アイコン" 効果="フェードイン"
Lottieアニメーションの追加
/add-lottie animationId="12345" フレームワーク="react"
サポートされているフレームワーク
- React
- Vue
- Flutter
- その他（カスタム設定可能）
仕組み
search-lottieコマンドは、LottieFiles APIをクエリして、指定された条件に一致するアニメーションを返します。add-lottieコマンドは、アニメーションデータをダウンロードし、適切なLottieプレーヤーライブラリを使用して指定されたフレームワークに統合するコードを生成します。
前提条件
このスキルはClaude Code内で動作するように設計されています。外部の依存関係やAPIキーは必要ありません（LottieFilesの公開アニメーションを使用する場合）。
制限事項
- 有料のLottieFilesアニメーションにはアクセスできません（公開アニメーションのみ）。
- このスキルで生成されたコードを実行するには、プロジェクトに適切なLottieプレーヤーライブラリ（例：React用の
lottie-react、Vue用のlottie-web）がインストールされている必要があります。
ライセンス
このスキルは、MITライセンスの下で提供されています。