LottieFiles MCP 服务器

“LottieFiles” MCP 服务器的作用是什么？

LottieFiles MCP 服务器是一款 Model Context Protocol (MCP) 服务器，旨在便捷 AI 助手访问 LottieFiles 动画平台。它作为桥梁，使 AI 驱动的开发流程能够以编程方式搜索、检索和交互 Lottie 动画。通过开放动画搜索、获取热门动画以及查询特定动画详细信息的端点，开发者和 AI 客户端可以无缝地将丰富的动画内容集成到应用或设计流程中。这一集成简化了如发现相关动画、获取元数据和自动化涉及 Lottie 动画的创意工作流等任务。

提示词列表

仓库或文档中未提及明确的提示词模板。

准备好发展您的业务了吗？

今天开始免费试用，几天内即可看到结果。

申请演示 登录

资源列表

• Lottie 动画索引
  提供对 LottieFiles 上可用 Lottie 动画的可搜索索引的访问。
• 动画详情
  提供单个 Lottie 动画的详细信息和元数据。
• 热门动画列表
  提供当前流行或热门 Lottie 动画的精选列表。

工具列表

• 搜索动画
  允许根据关键词和筛选参数（如页码和数量限制）查询 LottieFiles 动画库。
• 获取动画详情
  可根据唯一标识符获取特定 Lottie 动画的详细信息。
• 获取热门动画
  检索当前流行或广泛使用的 Lottie 动画列表，并支持分页。

加入我们的新闻通讯

免费获取最新提示、趋势和优惠。

电子邮件地址

订阅

此 MCP 服务器的应用场景

• 动画搜索自动化
  使用关键词搜索自动化查找适合设计、开发或演示流程的 Lottie 动画。
• 设计资产集成
  使设计工具或平台能够通过 ID 直接获取并嵌入 Lottie 动画，简化设计师与开发者的资产集成流程。
• 热门内容发现
  向用户展示热门或流行的 Lottie 动画，提升 UI/UX，通过推荐高影响力视觉内容。
• 个性化动画库
  通过编程方式收集符合特定条件的动画，为产品构建自定义动画库或播放列表。
• 元数据提取与分析
  获取 Lottie 动画详细元数据，用于分析、归档或推荐系统。

如何进行设置

Windsurf

1. 确保已安装 Node.js。
2. 找到您的 Windsurf 配置文件。
3. 在 mcpServers 对象中添加 LottieFiles MCP 服务器条目：

   {
     "mcpServers": {
       "lottiefiles": {
         "command": "npx",
         "args": ["@junmer/mcp-server-lottiefiles@latest"]
       }
     }
   }
   

4. 保存配置并重启 Windsurf。
5. 通过 Windsurf 客户端连接验证设置。

API 密钥安全设置
在您的配置中设置环境变量：

{
  "mcpServers": {
    "lottiefiles": {
      "command": "npx",
      "args": ["@junmer/mcp-server-lottiefiles@latest"],
      "env": {
        "LOTTIEFILES_API_KEY": "YOUR_SECRET_KEY"
      }
    }
  }
}

Claude

1. 确保可用 Node.js。
2. 打开 Claude 的配置文件。
3. 插入 LottieFiles MCP 服务器配置：

   {
     "mcpServers": {
       "lottiefiles": {
         "command": "npx",
         "args": ["@junmer/mcp-server-lottiefiles@latest"]
       }
     }
   }
   

4. 保存更改并重启 Claude。
5. 在 Claude 界面确认 MCP 服务器连通性。

Cursor

1. 若未安装 Node.js，请先安装。
2. 打开 Cursor 的设置或配置文件。
3. 在 MCP 配置中添加服务器：

   {
     "mcpServers": {
       "lottiefiles": {
         "command": "npx",
         "args": ["@junmer/mcp-server-lottiefiles@latest"]
       }
     }
   }
   

4. 保存并重启 Cursor。
5. 检查 Cursor 是否注册成功。

Cline

1. 确保已安装 Node.js。
2. 找到 Cline 配置文件。
3. 添加 LottieFiles MCP 服务器配置：

   {
     "mcpServers": {
       "lottiefiles": {
         "command": "npx",
         "args": ["@junmer/mcp-server-lottiefiles@latest"]
       }
     }
   }
   

4. 保存并重启 Cline。
5. 通过 Cline 的 MCP 部分测试连接。

如何在流程中使用此 MCP

在 FlowHunt 中使用 MCP

要将 MCP 服务器集成到您的 FlowHunt 工作流中，请先在流程中添加 MCP 组件，并将其连接到您的 AI 智能体：

点击 MCP 组件以打开配置面板。在系统 MCP 配置部分，使用以下 JSON 格式插入您的 MCP 服务器信息：

{
  "lottiefiles": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

配置完成后，AI 智能体即可作为工具访问 MCP 的全部功能。请务必将 “lottiefiles” 替换为您的实际 MCP 服务器名称，并将 URL 替换为您自己的 MCP 服务地址。

总览

综合上表，LottieFiles MCP 服务器是面向动画检索与搜索的聚焦型服务器，核心工具和资源开放性良好。其不包含提示词模板和高级 MCP 特性（如 roots 或采样）对于高阶用户来说有局限，但对于目标应用场景则非常高效。

MCP 评分