# LottieFiles MCP サーバー

オープンソースの Model Context Protocol (MCP) サーバーで、AI エージェントが LottieFiles から直接、人気の Lottie アニメーションを検索、詳細を取得し、アクセスできるようにし、AI ワークフローにモーショングラフィックスをシームレスに統合します。

Canonical URL: https://a2a-mcp.org/entry/lottie-mcp-ja

Language: ja

Category: MCP Servers

Updated: 2026-04-23

## 概要

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

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

![LottieFiles MCP Server*](https://cdn.a2a-mcp.org/blog/TxP-1Cj5Ak73QTm-hCROO.webp)

## 特徴

-

### 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推奨)
```bash
npx -y smithery install mcp-server-lottiefiles --client claude
```

### 手動インストール
```bash
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ディレクトリに掲載されています。

## Tags

- mcp
- mcpサーバー
- lottie
- lottiefiles
- アニメーション
- モーショングラフィックス
- aiエージェント
- typescript
- 開発者ツール

## Sources

- [Project website](https://github.com/junmer/mcp-server-lottiefiles)