LottieFiles MCP サーバー

概要

LottieFiles MCP Server (通称「Lottie MCP」) は、軽量でオープンソースのモデルコンテキストプロトコル (MCP) サーバーであり、AIエージェントとLottieFiles上の膨大なLottieアニメーションライブラリを接続します。このサーバーにより、大規模言語モデルやAIコーディングアシスタントが、会話を離れたり、カスタムAPI統合を構築したりすることなく、高品質なベクターアニメーションを発見し、メタデータをプレビューし、取得できるようになります。

Lottieは、Airbnbによって開発され、ウェブ、モバイル、UI/UXデザインで広く使用されている人気のオープンベクターアニメーション形式です。このMCPサーバーは、LottieFilesのカタログ全体を、エージェント型AIワークフローのためのツールとして利用可能にします。

特徴

Lottieアニメーションの検索

: キーワードまたは説明文を使用してLottieFilesデータベースをクエリできます。

アニメーション詳細の取得

: JSON構造情報、作者、ダウンロード数、カテゴリー、プレビューURLなど、包括的なメタデータを取得できます。

人気アニメーションリスト

: トレンドや高評価のLottieファイルにすばやくアクセスし、インスピレーションを得られます。

MCP標準への準拠

: Claude Desktop、Cursor、VS Code拡張機能など、あらゆるMCPクライアントと完全に互換性があります。

簡単なインストール

: Smitheryまたはnpmを介したワンコマンドインストールをサポートします。

ユースケース

AIを活用したモーションデザイン

: ClaudeやCursorに既存のLottieアニメーションを検索させ、UIプロトタイプ、ウェブサイト、またはアプリに組み込むことができます。

迅速なプロトタイピング

: エージェントが、コード生成中に適切なロードスピナー、アイコン、イラスト、または複雑なUIアニメーションを見つけることができます。

デザインシステムの自動化

: 適切なメタデータと共にLottieアセットを生成されたReact、Flutter、またはウェブプロジェクトに統合できます。

クリエイティブなワークフロー

: Lottie Creator独自のMCPブリッジなどのツールと組み合わせて、エンドツーエンドのアニメーション生成と編集を実現できます。

教育と探索

: AIアシスタントが、オンデマンドで実際の例を引き出してLottieアニメーションを説明および実演できます。

インストールとセットアップ

Smithery経由 (Claude Desktop推奨)

npx -y smithery install mcp-server-lottiefiles --client claude

手動インストール

npm install -g mcp-server-lottiefiles
# またはリポジトリをクローンしてローカルで実行

インストール後、MCP互換クライアント (Claude、Cursorなど) を設定してサーバーに接続します。サーバーはローカルで実行するか、リモートでホストでき、アニメーションの検索と取得のための標準化されたツールを提供します。

仕組み

1. AIエージェント (MCP経由) が検索クエリと共にサーバーを呼び出します。
2. サーバーがLottieFilesのパブリックAPIをクエリします。
3. 結果が構造化された形式で返され、AIが理解してアクション (例: ダウンロードURLの参照、JSONデータの使用、プレビューの表示) を起こせるようになります。
4. AIは、生成されたコードやデザインでアニメーションを参照、埋め込み、または変更できます。

これにより、モデルが数千ものアセットに関する組み込み知識を必要とすることなく、AIのコンテキストを豊富にし、ツールで強化できます。

関連ツール

• Lottie Creator MCP Bridge: LottieFilesが提供する公式統合で、AIエージェントがLottie Creatorエディター内でアニメーションを直接読み取り、レイヤーを編集し、バリエーションを生成できます。
• より広範なLottieエコシステム（lottie-web、lottie-react、dotLottieフォーマットを含む）

LottieFiles MCP Serverは積極的にメンテナンスされており、Smithery、MCP.so、PulseMCPなどの主要なMCPディレクトリに掲載されています。