> ## Documentation Index
> Fetch the complete documentation index at: https://notes.kodekloud.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Demo Cline MCP Servers

> Explains MCP servers for connecting external services to LLM workflows, discovering and configuring integrations in an IDE and marketplace, with security and workspace configuration guidance

In this lesson we'll explore MCP servers — a flexible, consistent way to connect external services to your LLM workflows. MCP servers expose a common protocol so language models and tools can interact with APIs, databases, observability systems, calendars, and other services. Because they standardize communication, MCP servers make it easy to mix APIs, LLMs, and tooling in a single, predictable interface.

There is a large catalogue of MCP servers available. Popular examples include Perplexity Research (excellent for web research), Supabase (hosted databases), Prometheus Query (metrics), Cost Explorer, and many utility tools like Dice Rollers. You can add engines such as Perplexity Research to improve research capabilities or install small tooling servers for utility tasks.

<Frame>
  <img src="https://mintcdn.com/kodekloud-c4ac6d9a/XqMRTrEG2GqQdgEv/images/Cline/Introduction-to-Cline/Demo-Cline-MCP-Servers/dark-vscode-extensions-panel-shortcuts.jpg?fit=max&auto=format&n=XqMRTrEG2GqQdgEv&q=85&s=2229f4946530f5230a282ee9757e4a98" alt="A dark-themed code editor interface with a left panel listing extensions (Supabase, Perplexity Research, Task Manager, Serper Search, Web Research) showing short descriptions and Install buttons. The right side displays a large faint VS Code logo and keyboard shortcut hints like Show All Commands, Go to File, Open Chat, Find in Files, and Toggle Terminal." width="1920" height="1080" data-path="images/Cline/Introduction-to-Cline/Demo-Cline-MCP-Servers/dark-vscode-extensions-panel-shortcuts.jpg" />
</Frame>

Browse and search the MCP servers list inside the IDE to find the integrations you need. Use the search box to locate specific providers (Slack, Google Calendar, Supabase, etc.) and install them directly from the extensions pane. Searching by provider name or keyword helps you quickly locate servers that match your workflow.

You can also filter by category to narrow results — for example, choose "Browser Automation" when you need end-to-end testing or scraping capabilities.

<Frame>
  <img src="https://mintcdn.com/kodekloud-c4ac6d9a/XqMRTrEG2GqQdgEv/images/Cline/Introduction-to-Cline/Demo-Cline-MCP-Servers/vscode-extensions-browser-automation-pane.jpg?fit=max&auto=format&n=XqMRTrEG2GqQdgEv&q=85&s=7b94383948ee471bdf3373dad17718ec" alt="A screenshot of an IDE (Visual Studio Code) extensions pane filtered to &#x22;browser-automation,&#x22; showing a list of extension entries like Hyperbrowser, Stagehand, and Browser Use. The right side shows a large VS Code logo and quick-command keyboard shortcuts." width="1920" height="1080" data-path="images/Cline/Introduction-to-Cline/Demo-Cline-MCP-Servers/vscode-extensions-browser-automation-pane.jpg" />
</Frame>

MCP Server categories make discovery straightforward. Common categories include Browser Automation, Calendar Management, Cloud Platforms, Communication, Developer Tools, Databases, and Observability. Use the table below to quickly identify where common MCP servers fit:

| Category            |                                Use cases | Examples                        |
| ------------------- | ---------------------------------------: | ------------------------------- |
| Browser Automation  | Web scraping, E2E testing, UI automation | Hyperbrowser, Stagehand         |
| Calendar Management |   Read/write calendar events, scheduling | Google Calendar MCP             |
| Cloud Platforms     |          Cloud APIs, resource management | AWS, GCP, Azure MCPs            |
| Communication       |                 Messaging, notifications | Slack, Teams MCPs               |
| Developer Tools     |             Code search, task automation | Task Manager, CI integrations   |
| Databases           |                    Query and manage data | Supabase, Neo4j MCPs            |
| Observability       |                   Metrics, logs, tracing | Prometheus Query, Cost Explorer |

You can add a remote MCP server manually by entering the server's name and URL in the IDE — useful for private, self-hosted, or organization-specific endpoints.

<Frame>
  <img src="https://mintcdn.com/kodekloud-c4ac6d9a/XqMRTrEG2GqQdgEv/images/Cline/Introduction-to-Cline/Demo-Cline-MCP-Servers/vscode-mcp-servers-sidebar-shortcuts.jpg?fit=max&auto=format&n=XqMRTrEG2GqQdgEv&q=85&s=2f55e062f2a77f8d88e23ec6114d5eda" alt="A screenshot of Visual Studio Code showing an &#x22;MCP Servers&#x22; sidebar with fields for Server Name and Server URL and buttons labeled &#x22;Add Server&#x22; and &#x22;Edit Configuration.&#x22; The main editor area shows a large VS Code logo and a list of keyboard shortcut hints." width="1920" height="1080" data-path="images/Cline/Introduction-to-Cline/Demo-Cline-MCP-Servers/vscode-mcp-servers-sidebar-shortcuts.jpg" />
</Frame>

When configuring MCP servers at the workspace level, add an `mcpServers` section to your workspace configuration. This registers server names, endpoints, and keys so your tools and workflows can call them consistently. A minimal workspace example:

```json theme={null}
{
  "mcpServers": {
    "perplexity": {
      "name": "Perplexity Research",
      "url": "https://mcp.perplexity.ai",
      "apiKey": "YOUR_API_KEY_HERE"
    },
    "supabase": {
      "name": "Supabase",
      "url": "https://mcp.supabase.io",
      "apiKey": "YOUR_API_KEY_HERE"
    }
  }
}
```

From the IDE you can view installed MCP servers, add new ones, or remove integrations. Many MCP servers are installed directly from the extension view, but you can also browse and install servers via the Cline Marketplace on the website.

<Frame>
  <img src="https://mintcdn.com/kodekloud-c4ac6d9a/XqMRTrEG2GqQdgEv/images/Cline/Introduction-to-Cline/Demo-Cline-MCP-Servers/cline-plugins-marketplace-install-steps.jpg?fit=max&auto=format&n=XqMRTrEG2GqQdgEv&q=85&s=7ae21f157749baa147529f9b63e0646a" alt="A dark-themed webpage titled &#x22;Plugins for Cline&#x22; with three step boxes outlining how to browse and install MCP servers. A right-hand marketplace panel lists plugins like Google Calendar and Supabase with &#x22;Install&#x22; buttons." width="1920" height="1080" data-path="images/Cline/Introduction-to-Cline/Demo-Cline-MCP-Servers/cline-plugins-marketplace-install-steps.jpg" />
</Frame>

From the marketplace you can preview MCP server details, read usage and configuration instructions, and copy snippets for workspace configuration. This is helpful for discovery and for ensuring you have the required credentials and scopes before adding a server.

<Callout icon="lightbulb" color="#1CB2FE">
  Use the marketplace to preview MCP servers and review integration documentation before adding them to your workspace — it helps ensure you configure required credentials and scopes correctly.
</Callout>

Security is critical when adding remote MCP servers. Follow these best practices:

* Only add endpoints you trust; validate the host and certificate.
* Store API keys and secrets in secure vaults or environment variables, not in public repositories.
* Limit scope and permissions of tokens to the minimum required.
* Use network controls (VPCs, IP allowlists) for self-hosted MCP endpoints.

<Callout icon="warning" color="#FF6B6B">
  Be careful when adding remote MCP servers: ensure the endpoint is trusted, use secure credentials, and verify network exposure. Do not expose sensitive API keys in public repositories or shared workspace files.
</Callout>

Quick checklist before adding an MCP server:

* Verify provider documentation and required credentials.
* Confirm required OAuth scopes or API key permissions.
* Test the endpoint in a staging workspace before using in production.
* Rotate and audit keys regularly.

Links and references:

* Perplexity Research: [https://www.perplexity.ai/](https://www.perplexity.ai/)
* Supabase: [https://supabase.com/](https://supabase.com/)
* Prometheus documentation: [https://prometheus.io/docs/](https://prometheus.io/docs/)

Summary

* MCP servers standardize how LLMs and tools access external services, making integrations predictable and reusable.
* Discover servers via the IDE, filter by category, or browse the Cline Marketplace.
* Add private or self-hosted servers via the workspace `mcpServers` configuration and follow security best practices when registering endpoints and credentials.

<CardGroup>
  <Card title="Watch Video" icon="video" cta="Learn more" href="https://learn.kodekloud.com/user/courses/cline/module/07505364-dfb1-4691-8f55-ce69bc5e81ec/lesson/6eed72aa-d465-4af2-bb28-fafe7bde8f30" />
</CardGroup>
