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

# Integrations and MCP

> Connect Zencoder with your tools and workflows through multiple integration paths

## Overview

Zencoder connects to external tools through three integration paths:

<CardGroup cols={3}>
  <Card title="Native Integrations" icon="puzzle-piece" href="#built-in-native-integrations">
    Jira integration built into the IDE Agent
  </Card>

  <Card title="Chrome Extension" icon="chrome" href="#chrome-extension">
    Send context from 20+ browser-based tools to your IDE
  </Card>

  <Card title="Model Context Protocol" icon="diagram-project" href="#model-context-protocol-mcp">
    Open standard for connecting agents to databases, APIs, and custom tools
  </Card>
</CardGroup>

## Built-in Native Integrations

### Add Jira Integration

The Jira integration lets you reference Jira tickets directly in agent chat using `@Jira`. Agents can read issue details (summary, description, acceptance criteria) to understand what to build or fix.

<Steps>
  <Step title="Access Integrations">
    1. Click the **three dots menu** (⋮) at the top right corner
    2. Select **Integrations** from the dropdown menu
  </Step>

  <Step title="Connect Your Jira Account">
    1. In the **Integrations** screen, find the **Jira** card
    2. Click **Connect** to begin the integration process
  </Step>

  <Step title="Authorize Access">
    1. Follow the prompts to authorize Zencoder to access your Jira instance
    2. You'll be redirected to Jira to approve the connection
    3. Once approved, you'll be returned to Zencoder
  </Step>

  <Step title="Start Using Jira in Zencoder">
    Once connected, you can reference Jira tickets directly in your Zencoder chat by using the **@Jira** mention.
  </Step>
</Steps>

## Chrome Extension

The [Chrome extension](https://chromewebstore.google.com/detail/zencoder/obkkfjgjhdkjnkleopbljciifoefhnbp) adds a Zencoder button to supported browser-based tools. Clicking it captures the current page context (error stack traces, PR descriptions, issue details) and sends it to your IDE.

<Steps>
  <Step title="Install the Chrome Extension">
    Visit the [**Chrome Web Store**](https://chromewebstore.google.com/detail/zencoder/obkkfjgjhdkjnkleopbljciifoefhnbp) and add the **Zencoder extension** to your browser.
  </Step>

  <Step title="Use with Supported Tools">
    When browsing supported tools, click the **Zencoder button** to send context to your IDE. No authentication needed!
  </Step>
</Steps>

### Supported Tools

<AccordionGroup>
  <Accordion title="Project Management">
    * Jira
    * Linear
    * Trello
    * Monday
    * Wrike
    * Asana
    * ClickUp
    * Shortcut
    * Azure DevOps
  </Accordion>

  <Accordion title="Code Repositories">
    * GitHub
    * GitLab (including self-hosted instances)
  </Accordion>

  <Accordion title="Error Monitoring">
    * Sentry
    * Datadog
    * BugSnag
    * Rollbar
    * SonarQube
    * Snyk
    * Grafana/Loki
    * LogRocket
  </Accordion>

  <Accordion title="CI/CD">
    * CircleCI
    * BuildKite
  </Accordion>

  <Accordion title="Frontend Debugging">
    * Chrome DevTools (with a dedicated tab)
  </Accordion>
</AccordionGroup>

## Model Context Protocol (MCP)

MCP is an open standard for connecting LLMs to external data sources and tools. Zencoder acts as an **MCP client** that connects to **MCP servers**—lightweight connectors that expose specific capabilities (database queries, API calls, browser automation, etc.).

If you need to connect to a system without a native integration, you can use an existing MCP server or build your own.

### MCP Protocol Support

Supported connection protocols:

* **Standard stdio communication**: For local MCP servers running as subprocesses
* **Streamable HTTP connections**: For remote MCP servers using HTTP-based communication
* **OAuth2 authentication**: For secure authentication with third-party services requiring OAuth2 flows

<Note>
  **Platform Availability:**

  * **JetBrains IDEs**: Full support for all MCP protocols (stdio, streamable HTTP, OAuth2)
  * **VS Code**: Supports stdio connections. Streamable HTTP and OAuth2 support is being rolled out — check the [changelog](/changelog/home) for the latest status.
</Note>

### Managing Agent Tools and MCP Servers

MCP servers can be managed through the **Agent Tools** menu in the IDE, or by editing configuration files directly.

<Tabs>
  <Tab title="Agent Tools UI (Suggested)">
    <Steps>
      <Step title="Access Agent Tools menu">
        1. Click the **three dots menu** (⋮) at the top right corner
        2. Select **Agent Tools** to access the tools management interface
                   <img src="https://mintcdn.com/forgoodaiinc/K9DwmHqJDSAPSbZr/images/agent-tools-menu.png?fit=max&auto=format&n=K9DwmHqJDSAPSbZr&q=85&s=9e9d6e37936d38b5fb45c06e640adf45" alt="Agent Tools Menu" width="270" height="516" data-path="images/agent-tools-menu.png" />
      </Step>

      <Step title="Navigating Agent Tools Categories">
        At the top of the **Agent Tools** screen, you'll find tabs that help you filter and navigate between different types of tools:

        * **All**: Shows all available tools (both Zencoder-provided and custom)
        * **Zencoder**: Displays prebuilt tools created by Zencoder
        * **Custom**: Shows your custom tools and MCPs that you've installed
        * **MCP Library**: Provides a selection of ready-made MCP servers that you can install with a single click and minimal setup

                  <img src="https://mintcdn.com/forgoodaiinc/K9DwmHqJDSAPSbZr/images/agent-tools-categories.png?fit=max&auto=format&n=K9DwmHqJDSAPSbZr&q=85&s=692779f8c5439cd6635074f82eee071c" alt="Agent Tools Categories" width="962" height="114" data-path="images/agent-tools-categories.png" />
      </Step>

      <Step title="Browse available tools">
        The **Agent Tools** interface displays all available tools based on the category you've selected, including pre-built MCP servers from the **MCP Library** and any custom tools you've added.
      </Step>

      <Step title="Install from MCP Library">
        To install a pre-built MCP server:

        1. Click on the **MCP Library** tab
        2. Browse or search through the available MCP servers
                   <img src="https://mintcdn.com/forgoodaiinc/K9DwmHqJDSAPSbZr/images/agent-tools-mcp-library.png?fit=max&auto=format&n=K9DwmHqJDSAPSbZr&q=85&s=f339729191afe74199b2aef869ca830c" alt="MCP Library" width="1018" height="1234" data-path="images/agent-tools-mcp-library.png" />

        <Info>
          Installed servers will have an **"Installed"** label next to their name, making it easy to see which MCPs you've already added.
        </Info>

        3. Click on the MCP server you want to install
        4. Fill in the required configuration details in the form
        5. In some cases, you may need to select an **installation method** (such as **Docker** or **local installation**)
        6. Click the **Install** button at the top of the form to complete the installation
                   <img src="https://mintcdn.com/forgoodaiinc/K9DwmHqJDSAPSbZr/images/agent-tools-install.png?fit=max&auto=format&n=K9DwmHqJDSAPSbZr&q=85&s=de7b03d446463ed00de17fb98ddb2eca" alt="MCP Installation Form" width="852" height="1596" data-path="images/agent-tools-install.png" />
      </Step>

      <Step title="Add a custom MCP server">
        To add your own custom MCP server:

        1. Click the **Add Custom MCP** button
                   <img src="https://mintcdn.com/forgoodaiinc/K9DwmHqJDSAPSbZr/images/agent-tools-add-custom-mcp.png?fit=max&auto=format&n=K9DwmHqJDSAPSbZr&q=85&s=13c41a834e05eae095ab0932d3204b22" alt="Add Custom MCP" width="852" height="400" data-path="images/agent-tools-add-custom-mcp.png" />
        2. Enter a **name** for your MCP and fill in the configuration details
        3. Click the **Install** button at the top to add your custom MCP
                   <img src="https://mintcdn.com/forgoodaiinc/K9DwmHqJDSAPSbZr/images/agent-tools-setup-custom-mcp.png?fit=max&auto=format&n=K9DwmHqJDSAPSbZr&q=85&s=2ebab331bff5c5cf78b721dd6649ff0d" alt="Add Custom MCP" width="842" height="812" data-path="images/agent-tools-setup-custom-mcp.png" />
      </Step>

      <Step title="Manage existing MCP servers">
        To manage an existing MCP server:

        1. Click on the MCP server in your list of installed servers
        2. You will see its **configuration details** and **name**
        3. You can modify these settings as needed
        4. To completely remove the MCP server, click the **Uninstall** button
      </Step>

      <Step title="Apply and test your MCP server">
        After adding an MCP server:

        1. Make sure [Coding Agent](/features/coding-agent) is enabled
        2. Test it with a relevant prompt. For example, if you added the time MCP server, try: "What's the time in Zagreb right now?"

        <Warning>
          **Important:** Different MCP servers require different command-line tools to be installed on your system:

          * **uvx/uv**: Many MCP servers use the `uvx` or `uv` package manager for Python
          * **Docker**: Some MCPs require Docker to be installed and running
          * **Node.js/npm**: Certain MCPs depend on Node.js and npm
          * **Language-specific tools**: Depending on the MCP, you might need specific language runtimes (Python, Ruby, etc.)

          Ensure these prerequisites are installed on your system before using the corresponding MCP servers. Check the MCP's documentation for specific requirements.
        </Warning>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Manual config (VS Code)">
    <Steps>
      <Step title="Go to Zencoder settings">
        Open **...** menu in Zencoder chat and select **Settings** from the dropdown menu.
      </Step>

      <Step title="Find MCP Servers section">
        Scroll down to the bottom of the settings page until you find the **MCP Servers** part and click on **"Edit in settings.json"**.
      </Step>

      <Step title="Locate the MCP configuration">
        In the **settings.json** file, find the MCP servers configuration section that looks like this:

        ```jsonc theme={"system"}
        "zencoder.mcpServers": {

        },
        ```
      </Step>

      <Step title="Add an MCP server">
        Let's add a simple MCP server for getting time information. Add the following configuration:

        ```jsonc theme={"system"}
        "zencoder.mcpServers": {
          "time": {
            "command": "uvx",
            "args": ["mcp-server-time"]
          }
        },
        ```
      </Step>

      <Step title="Save and test">
        Save the **settings.json** file. Now go back to your chat, make sure [**Coding Agent**](/features/coding-agent) is enabled and try a prompt like: "What's the time in Zagreb right now?"

        <Warning>
          **Important:** Ensure you have the required command-line tools installed on your system. In this example, you need the `uvx` command available in your PATH.
        </Warning>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Manual config (JetBrains)">
    <Steps>
      <Step title="Go to Zencoder settings">
        Open JetBrains settings by going to **File > Settings** (or **JetBrains IDE > Settings** on macOS).
      </Step>

      <Step title="Navigate to MCP Servers">
        In the settings window, scroll down to **Tools** and expand it if needed. Find **Zencoder** and expand it until you see **MCP Servers**, then click on it.
      </Step>

      <Step title="Add MCP server configuration">
        You'll see instructions showing the format:

        ```jsonc theme={"system"}
        {
            "mcp_server_name": {
               "command": "...",
               "args": [...],
               ...
            }
        }
        ```
      </Step>

      <Step title="Add the time server">
        Paste the following configuration into the editor:

        ```jsonc theme={"system"}
        {
          "time": {
            "command": "uvx",
            "args": ["mcp-server-time"]
          }
        }
        ```
      </Step>

      <Step title="Apply and test">
        Click **Apply** to save the changes, then reopen your project. Go back to your chat, make sure [**Coding Agent**](/features/coding-agent) is enabled and try a prompt like: "What's the time in Zagreb right now?"

        <Warning>
          **Important:** Ensure you have the required command-line tools installed on your system. In this example, you need the `uvx` command available in your PATH.
        </Warning>
      </Step>
    </Steps>
  </Tab>
</Tabs>