ShortPixel Image Optimizer

Claude Code

1. Führe das in einem Terminal in deinem Projektordner aus:

claude mcp add --transport http shortpixel-image-optimizer https://mcp.shortpixel.com/mcp --header "Authorization: Bearer <YOUR_API_KEY>"

2. Ersetze den Platzhalter vor dem Ausführen durch deinen Schlüssel und prüfe die Verbindung danach mit /mcp in Claude Code.

Ergänze --scope user, damit er in jedem Projekt verfügbar ist, nicht nur in diesem.

Claude Desktop

1. Nutze die Bridge mcp-remote, die den Schlüssel auf diesem Rechner behält (ein auf claude.ai angelegter Connector mit dem Schlüssel unter Request headers erscheint hier ebenfalls). Öffne Settings → Developer → Edit Config und füge hinzu:

{
  "mcpServers": {
    "shortpixel-image-optimizer": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.shortpixel.com/mcp",
        "--header",
        "Authorization: Bearer <YOUR_API_KEY>"
      ]
    }
  }
}

2. Ersetze den Platzhalter durch deinen Schlüssel und starte Claude Desktop neu.

Die Bridge braucht Node.js auf deinem Rechner.

claude.ai

1. Öffne das Connector-Formular auf claude.ai. Dieser Button füllt Name und URL für dich aus:

Zu claude.ai hinzufügen (öffnet in einem neuen Tab)

2. Prüfe, dass die URL https://mcp.shortpixel.com/mcp lautet. Füge unter Request headers Authorization: Bearer <YOUR_API_KEY> mit deinem Schlüssel von ShortPixel hinzu und klick dann auf Add.
3. Schalte ihn in einem Chat über das Tool-Menü ein.

Kostenlose Pläne erlauben einen benutzerdefinierten Connector. In Team- und Enterprise-Plänen fügt ihn ein Owner unter Organization settings → Connectors hinzu.

Cursor

Zu Cursor hinzufügen (öffnet in einem neuen Tab)

Oder trag ihn von Hand in ~/.cursor/mcp.json (alle Projekte) oder .cursor/mcp.json (dieses Projekt) ein:

{
  "mcpServers": {
    "shortpixel-image-optimizer": {
      "url": "https://mcp.shortpixel.com/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_API_KEY>"
      }
    }
  }
}

VS Code

Füge ihn zu .vscode/mcp.json hinzu. VS Code fragt beim ersten Mal nach dem Schlüssel und speichert ihn sicher:

{
  "servers": {
    "shortpixel-image-optimizer": {
      "type": "http",
      "url": "https://mcp.shortpixel.com/mcp",
      "headers": {
        "Authorization": "Bearer ${input:api-key}"
      }
    }
  },
  "inputs": [
    {
      "type": "promptString",
      "id": "api-key",
      "description": "API key",
      "password": true
    }
  ]
}

Devin Desktop

1. Füge ihn zu ~/.config/devin/mcp_config.json (macOS und Linux) oder %APPDATA%\devin\mcp_config.json (Windows) hinzu:

{
  "mcpServers": {
    "shortpixel-image-optimizer": {
      "serverUrl": "https://mcp.shortpixel.com/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_API_KEY>"
      }
    }
  }
}

2. Aktualisiere die Liste der MCP-Server in Cascade.

Devin Desktop ist der neue Name von Windsurf. Für Remote-Server liest es serverUrl (oder url).

Codex

codex mcp add shortpixel-image-optimizer --url https://mcp.shortpixel.com/mcp --bearer-token-env-var SHORTPIXEL_IMAGE_OPTIMIZER_API_KEY

Oder bearbeite ~/.codex/config.toml direkt:

[mcp_servers.shortpixel-image-optimizer]
url = "https://mcp.shortpixel.com/mcp"
bearer_token_env_var = "SHORTPIXEL_IMAGE_OPTIMIZER_API_KEY"

Setze SHORTPIXEL_IMAGE_OPTIMIZER_API_KEY in der Shell, in der Codex läuft, auf deinen Schlüssel.

Gemini CLI

gemini mcp add --transport http --header "Authorization: Bearer <YOUR_API_KEY>" shortpixel-image-optimizer https://mcp.shortpixel.com/mcp

Damit fügst du ihn dem aktuellen Projekt hinzu. Ergänze -s user, um ihn überall zu nutzen.

Jeder Client

Die meisten Clients akzeptieren diese Form. Manche nennen das URL-Feld anders: serverUrl in Devin Desktop, httpUrl in der Einstellungsdatei von Gemini CLI.

{
  "mcpServers": {
    "shortpixel-image-optimizer": {
      "type": "http",
      "url": "https://mcp.shortpixel.com/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_API_KEY>"
      }
    }
  }
}

Zed legt Server in seinen Einstellungen unter context_servers ab. Cline braucht "type": "streamableHttp", sonst nimmt es SSE an.

Dein Client startet nur lokale Server? Dann binde den Server über npx -y mcp-remote https://mcp.shortpixel.com/mcp ein.

README-Badge

[![ShortPixel Image Optimizer on mcp.tc](https://mcp.tc/i/shortpixel-image-optimizer/badge.svg)](https://mcp.tc/i/shortpixel-image-optimizer)

<a href="https://mcp.tc/i/shortpixel-image-optimizer"><img src="https://mcp.tc/i/shortpixel-image-optimizer/badge.svg" alt="ShortPixel Image Optimizer on mcp.tc" height="20"></a>

Es folgt dem hellen oder dunklen Modus der Lesenden. Hänge ?theme=light oder ?theme=dark an, um ihn festzulegen, oder ?style=compact, um das Zeichen ohne Schriftzug zu zeigen.

Website-Karte

<script src="https://mcp.tc/w/shortpixel-image-optimizer.js" async></script>

Die Karte erscheint dort, wo das Tag steht. Füge dem Tag data-theme="dark" oder data-size="compact" hinzu, um sie zu ändern. Die Datei enthält alles, was sie braucht, stellt also keine weiteren Anfragen und setzt keine Cookies.

iframe

<iframe src="https://mcp.tc/embed/shortpixel-image-optimizer" title="ShortPixel Image Optimizer on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Nutze es auf Seiten, die keine Skripte erlauben. Hänge ?theme=light oder ?theme=dark an die Adresse an, um die Farben festzulegen.

JSON

Der Eintrag als Daten für deine eigenen Seiten und Tools: Name, Kurzbeschreibung, die eigene URL des Servers, Tools und die „Add to“-Links. Jede Website kann ihn lesen (CORS ist offen).

https://mcp.tc/i/shortpixel-image-optimizer.json

Was jedes Feld bedeutet