Skip to content

Commit 0cf9f4d

Browse files
committed
Sync open source content 🐝 (from da9810cf551dd109da0ecc9bc6dd697d82f4d589)
1 parent a190408 commit 0cf9f4d

File tree

4 files changed

+313
-1
lines changed

4 files changed

+313
-1
lines changed
Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
---
2+
title: "MCP Use Case: Connect HubSpot"
3+
description: Learn how to connect your HubSpot data to Claude Desktop using the official MCP server for AI-powered CRM workflows.
4+
---
5+
6+
# Use Hubspot from your MCP Client
7+
8+
This guide shows you how to connect your HubSpot CRM data to Claude Desktop using the Model Context Protocol (MCP). Once connected, you can analyze deals, update contacts, and manage your sales pipeline using natural language commands.
9+
10+
With the HubSpot MCP Server set up in Claude Desktop, you can ask Claude to "show me all deals in the negotiation stage" or "update the contact information for John Smith" and get immediate results instead of navigating through the HubSpot interface.
11+
12+
<video
13+
controls={false}
14+
loop={true}
15+
autoPlay={true}
16+
muted={true}
17+
width="100%"
18+
className="mt-10"
19+
>
20+
<source src="/assets/mcp/using-mcp/hubspot-claude-quickstart/hubspot-mcp-demo.mp4" type="video/mp4" />
21+
</video>
22+
23+
## Prerequisites
24+
25+
- A [HubSpot account](https://www.hubspot.com) with admin access
26+
- An MCP Client like [Claude Desktop](https://claude.ai/download)
27+
28+
## Setting up the HubSpot MCP Server
29+
30+
The HubSpot MCP Server enables real-time connection between Claude and your HubSpot CRM data.
31+
32+
To set up this connection, you'll need to create a "private application" in HubSpot and configure it with the necessary permissions. Once created, HubSpot will provide an API key that the MCP server will use to access your CRM data.
33+
34+
### Creating a HubSpot private application
35+
36+
On the HubSpot dashboard, click the settings icon in the top navigation bar.
37+
38+
![HubSpot settings icon in the top navigation bar](/assets/mcp/using-mcp/hubspot-claude-quickstart/hubspot-settings-icon.png)
39+
40+
In your HubSpot account settings, go to **Integrations** > **Private Apps** and click **Create a private app**.
41+
42+
![HubSpot private apps page with "Create a private app" button](/assets/mcp/using-mcp/hubspot-claude-quickstart/hubspot-create-private-app.png)
43+
44+
Enter a name for the application.
45+
46+
![HubSpot private app creation form showing app name field](/assets/mcp/using-mcp/hubspot-claude-quickstart/hubspot-create-private-app-name.png)
47+
48+
Navigate to the **Scopes** tab and add the following scopes:
49+
50+
- `crm.lists.read` and `crm.lists.write`
51+
- `crm.objects.companies.read`
52+
- `crm.objects.contacts.read` and `crm.objects.contacts.write`
53+
- `crm.objects.deals.read` and `crm.objects.deals.write`
54+
- `crm.objects.appointments.read` and `crm.objects.appointments.write`
55+
- `crm.objects.leads.read` and `crm.objects.leads.write`
56+
- `crm.objects.custom.read` and `crm.objects.custom.write`
57+
58+
![HubSpot private app scopes configuration showing CRM permissions](/assets/mcp/using-mcp/hubspot-claude-quickstart/hubspot-create-private-app-scopes.png)
59+
60+
Add additional scopes based on the specific HubSpot features Claude needs to access in your workflow.
61+
62+
Click **Create app** in the top-right corner and validate the creation.
63+
64+
In the modal that opens, copy the API key and store it safely. You'll use this key when you add the MCP server to Claude Desktop.
65+
66+
![HubSpot API key modal displaying the generated private app access token](/assets/mcp/using-mcp/hubspot-claude-quickstart/hubspot-api-key-modal.png)
67+
68+
### Adding the HubSpot MCP Server to Claude Desktop
69+
70+
Now update your Claude Desktop configuration to include the MCP server.
71+
72+
In **Settings**, go to **Developer** > **Edit Config**.
73+
74+
![Claude Desktop configuration settings](/assets/mcp/using-mcp/hubspot-claude-quickstart/claude-desktop-config-settings.png)
75+
76+
In the `claude_desktop_config.json` file that opens, add the HubSpot MCP Server configuration:
77+
78+
```json
79+
{
80+
"mcpServers": {
81+
"HubspotMCP": {
82+
"command": "npx",
83+
"args": ["-y", "@hubspot/mcp-server"],
84+
"env": {
85+
"PRIVATE_APP_ACCESS_TOKEN": "YOUR_HUBSPOT_KEY"
86+
}
87+
}
88+
}
89+
}
90+
```
91+
92+
Replace `YOUR_HUBSPOT_KEY` with the API key you copied from HubSpot.
93+
94+
Restart Claude Desktop to load the server.
95+
96+
## Testing the connection
97+
98+
In Claude Desktop, start a new chat. Click the **Search and tools** button to see the HubSpot MCP Server listed. Enable all tools if they're disabled.
99+
100+
![Claude Desktop settings showing HubSpot MCP tools enabled](/assets/mcp/using-mcp/hubspot-claude-quickstart/claude-enable-hubspot-tools.png)
101+
102+
Ask Claude to list the current contacts in your HubSpot application.
103+
104+
![Claude Desktop conversation showing successful HubSpot contact retrieval](/assets/mcp/using-mcp/hubspot-claude-quickstart/claude-hubspot-integration-test.png)
105+
106+
## Conclusion
107+
108+
Claude can now access and update your HubSpot data through natural language conversations. Here are some ways to get more from your setup.
109+
110+
### Expand integration capabilities
111+
112+
- Add more scopes to your private app for custom objects, advanced reporting, or marketing tools.
113+
- Explore other MCP servers from the [official MCP servers repository](https://github.com/modelcontextprotocol/servers) to connect more tools in your sales stack.
114+
115+
### Optimize your workflow
116+
117+
- Create [custom slash commands](https://docs.anthropic.com/en/docs/claude-code/tutorials) for common queries like pipeline analysis or contact updates.
118+
- Set up regular data reviews using Claude's analytical capabilities.
119+
- Train your team on natural language commands for faster CRM interactions.
120+
121+
### Learn more about MCP
122+
123+
- Explore the [Model Context Protocol documentation](https://docs.anthropic.com/en/docs/mcp) to understand advanced connection patterns.
124+
- Check the [HubSpot MCP Server documentation](https://www.npmjs.com/package/@hubspot/mcp-server) for additional configuration options and troubleshooting.
Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
---
2+
title: "MCP Use Case: Connect Slack"
3+
description: Learn how to connect the open-source Slack MCP Server to Claude Desktop.
4+
---
5+
6+
# How to use Slack from your MCP Client
7+
8+
This guide demonstrates how to connect your Slack workspace to your MCP Client.
9+
10+
As Slack doesn't provide an official MCP server, and Anthropic's reference implementation was deprecated due to [security vulnerabilities](https://embracethered.com/blog/posts/2025/security-advisory-anthropic-slack-mcp-server-data-leakage/), this guide uses the open-source [`slack-mcp-server`](https://github.com/korotovsky/slack-mcp-server) instead.
11+
12+
After following this guide you'll be able to read and summarize conversations, search message history, and analyze team communications without leaving Claude Desktop or whatever client you prefer. Here's an example where Claude finds all messages with reactions in a specific channel:
13+
14+
<video
15+
controls={false}
16+
loop={true}
17+
autoPlay={true}
18+
muted={true}
19+
width="100%"
20+
className="mt-10"
21+
>
22+
<source src="/assets/mcp/using-mcp/slack-claude-quickstart/demo.mp4" type="video/mp4" />
23+
</video>
24+
25+
## Prerequisites
26+
27+
To follow along, you'll need
28+
29+
* A user account on a Slack workspace
30+
* An MCP Client like Claude Desktop
31+
* Ideally some familiarity with editing JSON files and using your browser's developer tools
32+
33+
## Getting your Slack `xoxc` and `xoxd` auth tokens
34+
35+
Instead of connecting to the Slack API, which would require admin access, we'll use the browser session tokens to authorize the Slack MCP Server to connect to your Slack workspace. Your MCP client will then have access to anything that you would in Slack. To get these, you'll need to log into your Slack workspace using a browser like Google Chrome.
36+
37+
To get the `xoxc` token:
38+
39+
1. Open the Slack workspace in your browser.
40+
2. Open the developer console by pressing `Ctrl+Shift+I` (`Cmd+Option+I` on macOS) or `F12`.
41+
3. Switch to the **Console** tab.
42+
4. Type "allow pasting" into the console and press `Enter`.
43+
5. Paste the following snippet into the console and press `Enter`:
44+
45+
```text
46+
JSON.parse(localStorage.localConfig_v2).teams[document.location.pathname.match(/^\/client\/([A-Z0-9]+)/)[1]].token
47+
```
48+
49+
The token will be returned in the console. It starts with `xoxc-`. Save this somewhere.
50+
51+
![Browser developer console showing Slack xoxc token location](/assets/mcp/using-mcp/slack-claude-quickstart/slack-xoxc-token-console.png)
52+
53+
To get the `xoxd` token:
54+
55+
1. Switch to the **Application** tab (**Storage** in Firefox and Safari).
56+
2. In the sidebar, under **Storage**, click **Cookies**.
57+
3. Find the cookie named `d` in the table.
58+
4. Copy the cookie's value to the clipboard.
59+
60+
![Developer tools cookies panel showing how to locate and copy the Slack xoxd authentication token](/assets/mcp/using-mcp/slack-claude-quickstart/slack-xoxd-token-cookie.png)
61+
62+
The token value starts with `xoxd-`. Save this somewhere.
63+
64+
## Cloning and modifying the project
65+
66+
The Slack MCP Server only [recently added support](https://github.com/korotovsky/slack-mcp-server/pull/91) for reactions, and that functionality is not yet included in their latest release, so we need to clone and build the project locally.
67+
68+
Run the following commands
69+
70+
71+
```bash
72+
mkdir slack-mcp-setup
73+
cd slack-mcp-setup
74+
git clone https://github.com/korotovsky/slack-mcp-server.git
75+
cd slack-mcp-server
76+
go build -o slack-mcp-server ./cmd/slack-mcp-server
77+
```
78+
79+
The build will be located in the root of the cloned project at `slack-mcp-server/slack-mcp-server`.
80+
81+
## Installing the MCP server in Claude
82+
83+
Now update your Claude Desktop configuration to include the MCP server.
84+
85+
Open Claude Desktop and go to **Settings** > **Developer** > **Edit Config**.
86+
87+
![Claude Desktop configuration settings](/assets/mcp/using-mcp/slack-claude-quickstart/claude-desktop-config-settings.png)
88+
89+
In the `claude_desktop_config.json` file that opens, add the Slack MCP Server configuration:
90+
91+
```json
92+
{
93+
"mcpServers": {
94+
"SlackMCPServer": {
95+
"command": "PATH_TO_MCP_SERVER/slack-mcp-server",
96+
"args": ["-transport", "stdio"],
97+
"env": {
98+
"SLACK_MCP_XOXC_TOKEN": "YOUR_XOXC_TOKEN",
99+
"SLACK_MCP_XOXD_TOKEN": "YOUR_XOXD_TOKEN",
100+
"SLACK_MCP_USERS_CACHE": "PATH_TO_MCP_SERVER/.users_cache.json",
101+
"SLACK_MCP_CHANNELS_CACHE": "PATH_TO_MCP_SERVER/.channels_cache.json"
102+
}
103+
}
104+
}
105+
}
106+
```
107+
108+
Replace `PATH_TO_MCP_SERVER` with the absolute path to your cloned `slack-mcp-server` directory. Replace `YOUR_XOXC_TOKEN` and `YOUR_XOXD_TOKEN` with the Slack tokens you saved previously.
109+
110+
Restart Claude Desktop to load the server.
111+
112+
To test that the connection is working, ask Claude to list the current channels in your Slack workspace.
113+
114+
## Testing reaction functionality
115+
116+
In Claude Desktop, start a new chat. Click the **Search and tools** button to see the MCP server listed. Enable all tools if needed.
117+
118+
![Screenshot showing how to locate the Slack MCP Server in Claude Desktop "Search and tools"](/assets/mcp/using-mcp/slack-claude-quickstart/claude-mcp-server-settings.png)
119+
120+
Add reaction emojis to messages in your Slack workspace, then ask Claude to show you messages with reactions to test the server's reaction-reading functionality.
121+
122+
![Slack messages with reactions displayed in Claude](/assets/mcp/using-mcp/slack-claude-quickstart/slack-messages-with-reactions.png)
123+
124+
## Conclusion
125+
126+
Claude Desktop can now access your Slack workspace and read message reactions through the customized MCP server. While the server can be installed directly using a [DXT file](https://github.com/korotovsky/slack-mcp-server/blob/master/docs/03-configuration-and-usage.md#Using-DXT), building from source lets you customize functionality for your workflows.

mcp/using-mcp/use-cases.mdx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
2-
title: "Popular MCP use cases"
2+
title: "MCP use cases"
33
description: Discover popular ways teams and developers are using MCP to connect AI agents to real-world systems.
4+
asIndexPage: true
45
---
56

67
import GramCallout from "../.partials/gram-callout.mdx";
Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
---
2+
title: "Account management using MCP"
3+
description: Set up automated workflows between Slack and HubSpot using MCP servers in Claude Desktop. Turn emoji reactions into CRM updates with this step-by-step guide.
4+
---
5+
6+
# Account management with MCP (Slack + Hubspot)
7+
8+
Account management typically involves tracking data across multiple tools. Maybe you discuss potential deals on Slack and then to update leads on Hubspot with that information.
9+
10+
This guide shows you how to automatically update your HubSpot contacts based on Slack messages and emoji reactions. As an example, we'll add a note to the relevant contact on Hubspot if someone adds a ‼️ emoji to a message on Slack that mentions that person, but you can adapt the exact steps to your own workflow.
11+
12+
<video
13+
controls={false}
14+
loop={true}
15+
autoPlay={true}
16+
muted={true}
17+
width="100%"
18+
className="mt-10"
19+
>
20+
<source src="/assets/mcp/using-mcp/account-management/slack-hubspot-integration-demo.mp4" type="video/mp4" />
21+
</video>
22+
23+
## Prerequisites
24+
25+
- Slack and HubSpot MCP servers installed. Follow these guides to connect each service individually.
26+
- [MCP Use Case: Connect Slack](/mcp/using-mcp/mcp-server-providers/slack)
27+
- [MCP Use Case: Connect HubSpot](/mcp/using-mcp/mcp-server-providers/hubspot)
28+
- An MCP client like [Claude Desktop](https://claude.ai/download)
29+
30+
## Using Slack and Hubspot together with MCP
31+
32+
Let's imagine that your team shares lead updates in a Slack channel called `#leads` and marks urgent ones with the ‼️ emoji. You want Claude to add a "Schedule call ASAP" note to those contacts in HubSpot.
33+
34+
Ask Claude:
35+
36+
```txt
37+
In the #leads Slack channel, find the messages marked with :bangbang: emoji reactions. Use the HubSpot tool to add a note to those contacts that I should call them ASAP.
38+
```
39+
40+
![Claude Desktop processing Slack messages with emoji reactions](/assets/mcp/using-mcp/account-management/claude-processing-slack-messages.png)
41+
42+
Claude will:
43+
44+
1. Search the #leads channel for messages with ‼️ reactions.
45+
2. Parse contact information from those messages.
46+
3. Look up matching contacts in HubSpot.
47+
4. Add a priority note to each contact record.
48+
49+
![Claude Desktop showing workflow execution results](/assets/mcp/using-mcp/account-management/claude-workflow-execution-result.png)
50+
51+
The contacts in HubSpot will now have a "schedule call ASAP" note added to their records.
52+
53+
![HubSpot contact record with updated notes](/assets/mcp/using-mcp/account-management/hubspot-contact-record-updated.png)
54+
55+
## Best practices for using multiple MCP servers
56+
57+
- **Be specific about which tool to use:** "Use HubSpot to get contact details for John Smith" is better than saying "Get the contact info for John Smith."
58+
- **Design prompts like workflows:** If the steps make sense to you, they'll make sense to Claude. Break complex tasks into clear, sequential actions.
59+
- **Test individual servers first:** Verify each MCP server works independently before combining them in complex workflows.
60+
61+
Combined MCP servers turn Claude Desktop into a powerful automation hub. The key is writing clear prompts that specify which services to use in what order.

0 commit comments

Comments
 (0)