Skip to main content

Claude.ai (Web) Setup

note

Claude.ai web interface supports direct MCP server connections. You'll need a Claude Pro or Team plan to access MCP connectors.

Prerequisites​

Claude Pro/Team Plan

MCP connectors require a paid Claude subscription

Civic Account

Create a free account on app.civic.com

Step 1: Set Up Your Civic Account​

If you haven't already, create your account and select your tools at app.civic.com:

  1. 1
    Create a free Civic account

    Go to app.civic.com and sign in with Google, GitHub, or email.

  2. 2
    Select your MCP servers

    During onboarding, choose which services you want your AI to access — GitHub, Slack, Google Workspace, Dropbox, and more. This creates your default toolkit.

  3. 3
    Get your MCP URL

    Your connection URL is the same for every Civic account:

    https://app.civic.com/hub/mcp

    The URL is not personalized — what makes it yours is authentication. When you connect your client and complete the OAuth flow, Civic links that session to your account and toolkit.

note

The MCP URL (https://app.civic.com/hub/mcp) is the same for every Civic user. What makes it yours is authentication — when you click Connect in Claude.ai, a browser window opens to app.civic.com and links that session to your account and toolkit.

Step 2: Add MCP Server in Claude.ai​

  1. 1
    Open Claude.ai Settings
    1. Go to claude.ai in your web browser
    2. Click on Settings (usually in the bottom left or profile menu)
    3. Navigate to Connectors
    Claude.ai settings page with Connectors section highlighted
    Claude.ai Settings showing Connectors section
  2. 2
    Add Custom Connector
    1. Click "Add Custom Connector"
    2. Enter a name: "Civic"
    3. In "Remote MCP server URL" field, paste: https://app.civic.com/hub/mcp
    4. Click "Add" to confirm
    Claude.ai connector settings dialog
    Adding a custom MCP connector in Claude.ai
  3. 3
    Connect and Authenticate
    1. The connector will appear in your list with a "Connect" button
    2. Click "Connect" to begin authentication
    3. Follow on-screen instructions to authorize access to your selected services
    4. Return to Settings > Connectors to verify it shows as "Connected"
    Claude.ai showing connected Civic connector
    Claude.ai connector successfully connected

Step 3: Test Your Connection​

Try these commands to verify everything is working:

"What MCP servers are available?"
"Check my GitHub repositories"  
"What's in my Dropbox?"
"Show recent Slack messages"
Claude.ai chat showing successful tool usage
Claude.ai successfully using connected tools

Managing Your Tools​

Adding More Tools​

You can add new tools directly in your Claude.ai chat:

"Connect me to GitHub"
"Add Slack to my available tools"  
"I need access to Dropbox"
"Show me what tools are available to connect"

Claude will handle the connection process and guide you through any required authentication steps.

Removing Tools​

To disconnect from specific tools, just ask in chat:

"Disconnect from Slack"
"Remove GitHub from my tools"
"What tools do I currently have connected?"
"Stop my access to Dropbox"

Managing the Entire Connector​

To remove the Civic connector completely:

  1. 1
    Access connectors

    Go to Settings > Connectors in Claude.ai

  2. 2
    Remove connector
    1. Find "Civic" in your connectors list
    2. Click Remove or Delete next to the connector
    3. Confirm the removal when prompted
  3. 3
    Clean up (optional)

    Visit app.civic.com to revoke service authorizations if you no longer want Civic to have access

Common Questions​

Do I need a paid Claude plan?

Yes, MCP connectors are only available on Claude Pro and Team plans. The free plan doesn't support external integrations.

What if authentication fails?
  • Make sure you're signed into the correct accounts for your connected services
  • Try removing and re-adding the connector with a fresh URL from app.civic.com
  • Check our troubleshooting guide for more solutions
Can I use multiple connectors?

Yes! You can add multiple MCP connectors from different providers. Each will appear separately in your connectors list.

What happens to my data?

Data flows directly between Claude.ai and your connected services through Civic. See our security details for more information.

Need Help?​

Troubleshooting Guide

Solutions for common connection issues

Browse All Servers

See all available MCP servers you can connect

Security Details

Learn how Civic protects your data

Get Support

Contact us for personalized help