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

# MCP-Server

> Integrieren Sie unseren MCP-Server mit Ihren Agenten, um im Handumdrehen produktiv zu werden

export const IntegrationsCard1ADe = () => {
  return <>
      <style>{`
        .integrations-card-1a-de {
          display: flex;
          flex-direction: column;
          background-color: #f0f2f4;
          border: 1px solid rgba(0, 0, 0, 0.08);
          border-radius: 12px;
          padding: 1.25rem 1.5rem;
          gap: 0.25rem;
          color: #25253b;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
          transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
          margin-top: 2rem;
        }

        .integrations-card-1a-de:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          border-color: rgba(0, 0, 0, 0.12);
        }

        .dark .integrations-card-1a-de {
          background-color: #25253b;
          color: #f6f8fa;
          border-color: rgba(255, 255, 255, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .dark .integrations-card-1a-de:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          border-color: rgba(255, 255, 255, 0.12);
        }

        .integrations-card-1a-de-avatar-row {
          display: flex;
          margin-left: 14px;
          flex-wrap: wrap;
        }

        .integrations-card-1a-de-avatar {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          border: 2px solid #f0f2f4;
          margin-left: -14px;
          object-fit: cover;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
          pointer-events: none;
          cursor: default;
        }

        .dark .integrations-card-1a-de-avatar {
          border-color: #25253b;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        .integrations-card-1a-de h2 {
          margin: 0;
          line-height: 1.25;
          font-size: clamp(1.25rem, calc(0.875rem + 1.25vw), 1.75rem);
          font-weight: 700;
          letter-spacing: -0.025em;
          color: #111827;
        }

        .dark .integrations-card-1a-de h2 {
          color: #f9fafb;
        }

        .integrations-card-1a-de-subtitle {
          font-size: 0.9375rem;
          font-weight: 500;
          line-height: 1.5;
          color: #4b5563;
          margin: 0;
        }

        .dark .integrations-card-1a-de-subtitle {
          color: #d1d5db;
        }

        .integrations-card-1a-de p {
          margin: 0;
          line-height: 1.5;
          font-size: 0.875rem;
          color: #374151;
        }

        .dark .integrations-card-1a-de p {
          color: #d1d5db;
        }

        .integrations-card-1a-de a {
          color: #0500ff;
          text-decoration: none;
          font-weight: 500;
          transition: color 0.15s ease;
        }

        .integrations-card-1a-de a:hover {
          color: #0400cc;
        }

        .dark .integrations-card-1a-de a {
          color: #8280ff;
        }

        .dark .integrations-card-1a-de a:hover {
          color: #a19fff;
        }

        @media (max-width: 640px) {
          .integrations-card-1a-de-avatar {
            width: 38px;
            height: 38px;
            margin-left: -12px;
          }

          .integrations-card-1a-de-avatar-row {
            margin-left: 12px;
          }
        }

        @media (min-width: 1280px) {
          .integrations-card-1a-de p {
            font-size: 0.6875rem;
            line-height: 1.4;
            letter-spacing: -0.01em;
          }

          .integrations-card-1a-de h2 {
            font-size: clamp(1rem, calc(0.75rem + 1vw), 1.25rem);
          }

          .integrations-card-1a-de-subtitle {
            font-size: 0.75rem;
          }
        }
      `}</style>
      <div className="integrations-card-1a-de">
        <div className="integrations-card-1a-de-avatar-row">
          <img src="/images/integration-team/agustin.webp" alt="Agustin - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/amelia.webp" alt="Amelia - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/bernardita.webp" alt="Bernardita - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/borumy.webp" alt="Borumy - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/felipe.webp" alt="Felipe - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/gui.webp" alt="Gui - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/javiera.webp" alt="Javiera - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/linn.webp" alt="Linn - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/marcio.webp" alt="Marcio - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/mateus.webp" alt="Mateus - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/max.webp" alt="Max - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
          <img src="/images/integration-team/rodrigo.webp" alt="Rodrigo - Integrations Team Member" loading="lazy" className="integrations-card-1a-de-avatar" />
        </div>

        <h2>Brauchen Sie Hilfe bei Ihrer Topsort-Integration?</h2>

        <p className="integrations-card-1a-de-subtitle">
          Sprechen Sie mit uns, dem Integrations-Engineering-Team.
        </p>

        <p>
          Erreichen Sie uns über <strong>Ihren dedizierten Nachrichtenkanal</strong> oder unter{" "}
          <a href="mailto:support@topsort.com">support@topsort.com</a>.
        </p>

        <p>
          Falls Sie noch kein Kunde sind,{" "}
          <a href="https://www.topsort.com/book-a-demo">buchen Sie eine Demo</a> mit unserem
          Vertriebsteam.
        </p>
      </div>
    </>;
};

Das **Model Context Protocol (MCP)** ist ein offener Standard zum Verbinden von KI-Anwendungen mit externen Systemen. Topsort bietet einen MCP-Server über Mintlify an, der KI-Assistenten direkten Zugriff auf unsere umfassende API-Dokumentation gibt und es ihnen ermöglicht, genaue und aktuelle Informationen über unsere APIs bereitzustellen.

<Tip>
  Denken Sie an MCP wie an einen USB-C-Port für KI-Anwendungen. So wie USB-C eine
  standardisierte Möglichkeit bietet, Geräte zu verbinden, bietet MCP eine standardisierte Möglichkeit,
  KI-Anwendungen mit externen Datenquellen wie unserer API-Dokumentation zu verbinden.
</Tip>

## Was Sie tun können

Durch Verbindung mit Topsorts MCP-Server können KI-Assistenten:

* **Auf vollständige API-Dokumentation zugreifen** - Endpunktdetails, Parameter, Anfrage-/Antwortschemas und Beispiele abfragen
* **Genaue Integrationsanleitungen erhalten** - Aktuelle Codebeispiele und Implementierungsanweisungen erhalten
* **Schneller Fehler beheben** - Fehlercodes, Ratenlimits und Authentifizierungsmethoden schnell nachschlagen
* **Auf dem neuesten Stand bleiben** - Immer auf die neueste API-Dokumentation zugreifen ohne manuelle Updates

## Schnellstart

Unser MCP-Server ist verfügbar unter:

```
https://api.docs.topsort.com/mcp
```

Der MCP-Server ist öffentlich zugänglich und erfordert keine Authentifizierung. Sie benötigen jedoch API-Schlüssel, um die Topsort API tatsächlich in Ihren Anwendungen zu verwenden.

## Integrationsleitfäden

<CardGroup cols={2}>
  <Card title="VS Code & GitHub Copilot" icon="microsoft" href="#vs-code-mit-github-copilot">
    Verwenden Sie MCP mit GitHub Copilot in Visual Studio Code
  </Card>

  <Card title="ChatGPT" icon="message" href="#chatgpt">
    Verbinden Sie ChatGPT, um auf Topsort-Dokumentation zuzugreifen
  </Card>

  <Card title="Claude Desktop" icon="desktop" href="#claude-desktop">
    Richten Sie Claude Desktop für lokale Entwicklung ein
  </Card>

  <Card title="Andere Clients" icon="puzzle-piece" href="#andere-mcp-clients">
    Cursor, Windsurf, Continue und mehr
  </Card>
</CardGroup>

## VS Code mit GitHub Copilot

GitHub Copilot unterstützt MCP-Server sowohl im Codieragenten als auch in der Chat-Oberfläche.

### Voraussetzungen

* **VS Code** Version 1.95.0 oder höher
* **GitHub Copilot** Erweiterung installiert und aktiviert
* **GitHub Copilot Chat** Erweiterung installiert

### Konfiguration

<Steps>
  <Step title="VS Code-Einstellungen öffnen">
    Drücken Sie `Cmd+,` (Mac) oder `Ctrl+,` (Windows/Linux), um Einstellungen zu öffnen.
  </Step>

  <Step title="Zur MCP-Konfiguration navigieren">
    Suchen Sie in der Einstellungssuchleiste nach "MCP" oder navigieren Sie zu **Erweiterungen** > **GitHub Copilot** > **MCP**.
  </Step>

  <Step title="Topsort MCP-Server hinzufügen">
    Klicken Sie auf **In settings.json bearbeiten** und fügen Sie hinzu:

    ```json theme={null}
    {
      "github.copilot.chat.mcp.servers": {
        "topsort": {
          "type": "http",
          "url": "https://api.docs.topsort.com/mcp"
        }
      }
    }
    ```
  </Step>

  <Step title="VS Code neu laden">
    Drücken Sie `Cmd+Shift+P` (Mac) oder `Ctrl+Shift+P` (Windows/Linux), geben Sie "Developer: Reload Window" ein und drücken Sie Enter.
  </Step>
</Steps>

## ChatGPT

ChatGPT unterstützt Remote-MCP-Server für Plus- und Team-Abonnenten.

<Steps>
  <Step title="ChatGPT-Einstellungen öffnen">
    Navigieren Sie zu [chat.openai.com](https://chat.openai.com) und klicken Sie auf Ihr
    Profilsymbol, dann wählen Sie **Einstellungen**.
  </Step>

  <Step title="Auf Verbindungen zugreifen">
    Klicken Sie in der Einstellungsseitenleiste auf **Verbindungen** oder **Integrationen**.
  </Step>

  <Step title="MCP-Server hinzufügen">
    Klicken Sie auf **Verbindung hinzufügen** und geben Sie ein: - **Name**: `Topsort API-Dokumentation`

    * **Server-URL**: `https://api.docs.topsort.com/mcp` - **Transport-Typ**:
      `http`
  </Step>
</Steps>

## Claude Desktop

Claude Desktop bietet vollständige lokale MCP-Unterstützung.

### Voraussetzungen

* **Node.js** auf Ihrem System installiert (erforderlich für `mcp-remote`)

### Konfiguration

<Steps>
  <Step title="Claude Desktop-Einstellungen öffnen">
    * **macOS**: Klicken Sie in der Menüleiste auf **Claude** → **Einstellungen**
    * **Windows**: Klicken Sie auf **Datei** → **Einstellungen**
  </Step>

  <Step title="Zum Entwickler-Tab navigieren">
    Klicken Sie in der linken Seitenleiste auf den **Entwickler**-Tab.
  </Step>

  <Step title="MCP-Konfiguration bearbeiten">
    Klicken Sie auf **Config bearbeiten** und fügen Sie hinzu:

    ```json theme={null}
    {
      "mcpServers": {
        "topsort-docs": {
          "command": "npx",
          "args": [
            "mcp-remote",
            "https://docs.topsort.com/mcp"
          ]
        }
      }
    }
    ```
  </Step>

  <Step title="Claude Desktop neu starten">
    Speichern Sie die Konfiguration und starten Sie Claude Desktop neu.
  </Step>
</Steps>

## Andere MCP-Clients

### Cursor

Fügen Sie zu Ihren Cursor-Einstellungen hinzu:

```json theme={null}
{
  "mcp": {
    "servers": {
      "topsort": {
        "type": "http",
        "url": "https://api.docs.topsort.com/mcp"
      }
    }
  }
}
```

### Windsurf Editor

Konfigurieren Sie in `~/.codeium/windsurf/mcp_config.json`:

```json theme={null}
{
  "mcpServers": {
    "topsort-docs": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://docs.topsort.com/mcp"
      ]
    }
  }
}
```

<Note>
  Windsurf erfordert das `mcp-remote`-Paket, um sich mit Remote-MCP-Servern zu verbinden. Stellen Sie sicher, dass Node.js auf Ihrem System installiert ist.
</Note>

### Continue

Fügen Sie zu `~/.continue/config.json` hinzu:

```json theme={null}
{
  "mcpServers": {
    "topsort": {
      "transport": {
        "type": "http",
        "url": "https://api.docs.topsort.com/mcp"
      }
    }
  }
}
```

### Cline

Konfigurieren Sie in `~/Documents/Cline/MCP/config.json`:

```json theme={null}
{
  "topsort": {
    "type": "http",
    "url": "https://api.docs.topsort.com/mcp"
  }
}
```

## Fehlerbehebung

### Verbindungsprobleme

* Überprüfen Sie, dass die URL korrekt ist: `https://api.docs.topsort.com/mcp`
* Überprüfen Sie Ihre Internetverbindung
* Starten Sie Ihre MCP-Client-Anwendung neu
* Überprüfen Sie clientspezifische Protokolle auf Fehlermeldungen

### Server antwortet nicht

* Überprüfen Sie, dass der Transport-Typ auf `http` gesetzt ist
* Prüfen Sie, ob Ihre Firewall oder Ihr VPN die Verbindung blockiert
* Konsultieren Sie [unsere Statusseite](https://status.topsort.com) für Dienstunterbrechungen

<Warning>
  Obwohl der MCP-Server selbst keine Authentifizierung erfordert, benötigen Sie dennoch
  gültige API-Schlüssel, um die Topsort API tatsächlich in Ihren Anwendungen zu verwenden. Teilen Sie
  niemals Ihre API-Schlüssel in Gesprächen oder committen Sie sie nicht zur Versionskontrolle.
</Warning>

## Mehr erfahren

* [Model Context Protocol-Dokumentation](https://modelcontextprotocol.io)
* [Liste der MCP-Clients](https://modelcontextprotocol.io/clients)
* [Topsort API-Dokumentation](https://api.docs.topsort.com)

<IntegrationsCard1ADe />