Skip to content
English
Contact us
  • There are no suggestions because the search field is empty.

Connect Web MCP to your AI app

You can add Web MCP to Claude or ChatGPT, or to coding agents and code editors such as Claude Code, Cursor, VS Code, Windsurf, and Zed. You only do this once, and you don't need to install anything.

Server address: https://mcp.lottiefiles.com/mcp

Before you begin

  • You need a LottieFiles account.
  • On Claude Team or Enterprise, an admin must add the connector first (see below). In ChatGPT Business or Enterprise workspaces, an admin must allow creating plugins with MCP servers.
  • If you edit a configuration file, add the Web MCP entry next to your existing servers. Don't replace the other servers.

Claude (web and desktop app)

  1. Open Connectors. In Claude, go to Settings → Connectors. 
  2. Add the connector. Select Add custom connector. Enter Web MCP as the name and paste the server address above.
  3. Connect your account. Select Add, then Connect. A browser window opens to the LottieFiles sign-in page.
  4. Approve access on LottieFiles. Sign in if asked. On the consent screen, check that the application named is Claude, then approve.
  5. Use it in a chat. Start a new chat, make sure Web MCP is turned on, and ask about your workspace.

Important: Only approve access for apps you recognize. The consent screen shows the name of the app asking for access.

Claude Team and Enterprise

  1. An admin adds the connector in Organization settings → Connectors.
  2. Each member then opens Connectors and selects Connect to sign in with their own LottieFiles account.

ChatGPT (web and desktop app)

You add Web MCP to ChatGPT as a plugin. There is one setting you must change during setup, so follow step 2 carefully.

  1. Open Plugins. In ChatGPT, open Plugins in the sidebar. Select Add, then Create custom MCP server. 
  2. Enter the server details and switch to DCR.
    • Enter Web MCP as the name and paste the server address above.
    • Leave Authentication as OAuth.
    • Open Advanced OAuth settings and change Registration method to Dynamic Client Registration (DCR).
  3. Create the plugin. Tick I understand and want to continue, then select Create as a plugin. On smaller screens, scroll down inside the form to find the button. Then select Connect Web MCP.
  4. Approve access on LottieFiles. Sign in if asked. On the consent screen, check that the application named is ChatGPT, then approve.
  5. Use it in a chat. Start a new chat, type @Web, select Web MCP from the list, and ask about your workspace.

Required step: choose DCR. ChatGPT's default registration method (Client Identifier Metadata Document, or CIMD) can fail sign-in with the error "unknown client_id". Select DCR before you create the plugin. You can't change it afterward.

Adding the plugin again: plugin names must be unique. To add Web MCP again (for example, to fix the registration method), first delete the old plugin in Settings → Plugins, or use a different name.

Claude Code

  1. Run this command in your terminal:
claude mcp add --transport http lottiefiles https://mcp.lottiefiles.com/mcp
  1. Inside a Claude Code session, run /mcp and select lottiefiles.
  2. Complete the LottieFiles sign-in and approval in your browser.

Cursor

Add this to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (one project):

{
  "mcpServers": {
    "lottiefiles": {
      "url": "https://mcp.lottiefiles.com/mcp"
    }
  }
}

Cursor asks you to sign in the first time it uses the server. You can also use the one-click Add to Cursor link in the developer guide.

VS Code

Add this to .vscode/mcp.json in your workspace:

{
  "servers": {
    "lottiefiles": {
      "type": "http",
      "url": "https://mcp.lottiefiles.com/mcp"
    }
  }
}

Open Copilot Chat in agent mode. VS Code walks you through sign-in when the server starts.

Windsurf

Add this to ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "lottiefiles": {
      "serverUrl": "https://mcp.lottiefiles.com/mcp"
    }
  }
}

Refresh the plugins list in the Cascade panel to start sign-in.

Zed

Add this to your Zed settings.json. Zed uses the mcp-remote bridge, which needs Node.js 18 or later.

{
  "context_servers": {
    "lottiefiles": {
      "source": "custom",
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.lottiefiles.com/mcp"]
    }
  }
}

The bridge opens the LottieFiles sign-in in your browser.

Other apps

  • If your app supports remote MCP servers with OAuth, add the server address as a remote (HTTP) server.
  • If your app only supports local (stdio) servers, use the mcp-remote bridge, as shown for Zed above.

Check that it works

Send this message in a new chat:

What Web MCP tools do you have available?

You should see four tools: operations_list, schema_search, schema_details, and graphql_execute. If you don't, see Troubleshooting Web MCP: connection and sign-in.