frontend-lottie

Lightweight vector animations. Just plays and loops — no complex logic.

| Just plays/loops | Lottie ✓ | | Reacts to hover/click | Rive | | State machine | Rive | | Data-driven | Rive | | Simple loader | Lottie ✓ |

UI のフィードバックと磨きのための装飾的な JSON アニメーション。スピナー、成功/エラーのチェックマーク、空の状態のイラスト、アニメーション化されたアイコンの読み込みに使用します。再生してループするだけで、インタラクティブ性はありません。リアクティブ/ステートフル アニメーションの場合は、代わりに Rive を使用してください。軽量でSSR対応。 ソース: petbrains/mvp-builder。

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