Connect Modula to Claude

Claude supports external integrations natively — both in the web interface (claude.ai) and in the desktop app. Once Modula is connected, Claude can search the component library and produce interactive educational content in any conversation.

What you’ll need

A Claude account (claude.ai) — Free, Pro, or Team plan
A Modula account — sign up here

Option A — Claude on the web (claude.ai)

This is the easiest option if you use Claude directly in your browser.

1. Open Claude settings

Go to claude.ai and sign in. Click on your name or profile icon, then choose Settings.

2. Find Integrations

Look for the Integrations section in the settings sidebar. This is where Claude manages external tools.

3. Add Modula

Click Add integration and enter the following address:

https://mcp.modula.dev/mcp

Claude will open a Modula login page. Sign in with your Modula account and grant permission. The connection is established automatically once you confirm.

5. Use Modula in any conversation

Open a new chat and ask Claude to build something with Modula:

“Create a lesson on ancient Rome with a timeline, a short quiz, and a glossary of key terms.”

Option B — Claude Desktop app

If you prefer to use the Claude desktop app on your computer, follow these steps instead.

1. Download and install Claude Desktop

Get the app from claude.ai/download and install it on your Mac or Windows machine.

2. Open the configuration file

In Claude Desktop, go to Settings → Developer, then click Edit Config. This opens a configuration file in a text editor.

3. Add the Modula server

Find the "mcpServers" section in the file (or add it if it doesn’t exist) and insert the following:

{
  "mcpServers": {
    "modula": {
      "command": "npx",
      "args": ["-y", "@modula/mcp"],
      "env": {
        "MODULA_TOKEN": "your-token-here"
      }
    }
  }
}

Replace your-token-here with the API token from your Modula account settings.

4. Restart Claude Desktop

Save the file and restart the app. You should see Modula appear in the tools panel on the left.

Tips

The web integration (Option A) is simpler and doesn’t require any configuration files.
The desktop integration (Option B) is better suited for developers who want more control.
You can remove the connection at any time from Settings → Integrations.