VectoSolve MCP Server: KI-Bildtools in Claude Code, Cursor & Windsurf

Das Model Context Protocol (MCP) ist ein offener Standard, der es KI-Coding-Assistenten ermöglicht, externe Tools nativ aufzurufen. Anstatt Dateipfade zu kopieren oder zum Browser zu wechseln, beschreiben Sie, was Sie wollen, und die KI erledigt den Rest.

Der @vectosolve/mcp Server verbindet die Bildverarbeitungs-API von VectoSolve mit jedem MCP-kompatiblen Client — Claude Code, Cursor, Windsurf und mehr. Vektorisieren Sie Bilder, entfernen Sie Hintergründe, skalieren Sie hoch und generieren Sie Logos, ohne Ihren Editor zu verlassen.

1. Browser-Tab öffnen
2. Bild hochladen
3. Auf Verarbeitung warten
4. Ergebnis herunterladen
5. Datei in Ihr Projekt verschieben

Mit MCP sagen Sie „vektorisiere dieses Bild" und die KI führt alle fünf Schritte aus. Das Ergebnis landet in Ihrem Projektverzeichnis, einsatzbereit.

Schnelle Einrichtung

Die Einrichtung dauert 30 Sekunden. Fügen Sie VectoSolve zu Ihrer MCP-Client-Konfiguration hinzu:

Claude Code

Fügen Sie zu Ihrer .mcp.json hinzu (Projektstamm oder ~/.claude/.mcp.json für globale Konfiguration):

{
  "mcpServers": {
    "vectosolve": {
      "command": "npx",
      "args": ["@vectosolve/mcp"],
      "env": {
        "VECTOSOLVE_API_KEY": "vs_xxx"
      }
    }
  }
}

Cursor

Öffnen Sie Einstellungen → MCP Servers → Server hinzufügen:

• Name: vectosolve
• Befehl: npx @vectosolve/mcp
• Umgebung: VECTOSOLVE_API_KEY=vs_xxx

Windsurf

Fügen Sie zu ~/.windsurf/mcp_config.json hinzu:

{
  "mcpServers": {
    "vectosolve": {
      "command": "npx",
      "args": ["@vectosolve/mcp"],
      "env": {
        "VECTOSOLVE_API_KEY": "vs_xxx"
      }
    }
  }
}

Holen Sie sich Ihren API-Schlüssel auf vectosolve.com/developers.

Verfügbare Tools

Der MCP Server stellt vier Tools bereit, die Ihr KI-Assistent aufrufen kann:

vectorize

Konvertieren Sie jedes Rasterbild (PNG, JPG, WebP) in sauberes SVG-Vektorformat.

"Vektorisiere das Logo unter ./assets/logo.png"
"Konvertiere diesen Screenshot in SVG"

Die KI liest Ihre lokale Datei, sendet sie an die VectoSolve-API und gibt den SVG-Inhalt direkt in der Konversation zurück. Kosten: 0,20 $ pro Bild.

remove_background

Entfernen Sie den Hintergrund von jedem Bild. Gibt eine transparente PNG-URL zurück.

"Entferne den Hintergrund von produktfoto.jpg"
"Mache dieses Bild transparent"

Kosten: 0,07 $ pro Bild.

upscale

Skalieren Sie niedrig aufgelöste Bilder mit KI hoch. Ideal für Icons, Thumbnails oder alte Assets.

"Skaliere dieses Favicon auf 512x512 hoch"
"Erhöhe die Auflösung von kleines-icon.png"

Kosten: 0,15 $ pro Bild.

generate_logo

Generieren Sie SVG-Logos aus einer Textbeschreibung. Unterstützt mehrere Stile und Markenfarben.

"Generiere ein modernes Tech-Logo für mein Startup namens Nextera"
"Erstelle 4 Icon-Style Logo-Varianten in Blau und Grün"

Parameter:

• prompt — beschreiben Sie das gewünschte Logo
• style — vector_illustration, icon, line_art, engraving, line_circuit, linocut
• model — recraftv3 (beste Qualität) oder recraftv2
• colors — Markenfarben als Hex-Array, z.B. ["#0090ff", "#1cb721"]
• num_variants — 1, 2 oder 4

Kosten: 0,40 $ (recraftv3) oder 0,25 $ (recraftv2) pro Logo.

Praxisbeispiele

Hier sind echte Prompts, die Sie nach der MCP-Server-Konfiguration verwenden können:

Design-Workflow:

„Vektorisiere alle PNG-Icons in ./public/icons/ und speichere sie als SVG"

E-Commerce:

„Entferne den Hintergrund von allen Produktfotos in ./images/products/"

Branding:

„Generiere 4 Logo-Varianten für ein Café namens 'Bean There' mit warmen Braun- und Cremetönen"

Asset-Bereinigung:

„Skaliere dieses alte 64x64 Favicon auf eine nutzbare Auflösung hoch"

Die KI übernimmt Datei-I/O, API-Aufrufe und Fehlerbehandlung. Sie beschreiben das Ergebnis, sie erledigt die Arbeit.

Eingabemethoden

Alle Tools akzeptieren zwei Eingabetypen:

• file_path — jeder lokale Dateipfad (z.B. ./assets/logo.png)
• image_url — jede öffentliche URL (z.B. https://example.com/image.png)

Der KI-Assistent erkennt automatisch, welcher Typ basierend auf Ihrem Prompt zu verwenden ist.

Kreditsystem

Jeder Tool-Aufruf verbraucht Credits von Ihrem VectoSolve-Konto. Die Antwort enthält immer den Kreditverbrauch und das verbleibende Guthaben, damit Sie Ausgaben in Echtzeit verfolgen können.

Kaufen Sie Credits oder abonnieren Sie auf vectosolve.com/pricing.

Teil des Entwickler-Ökosystems

Der MCP Server ist eines von drei Entwicklertools für VectoSolve:

Alle drei verbinden sich mit derselben VectoSolve-API und teilen Ihr Kreditguthaben. Wählen Sie das passende für Ihren Workflow — oder nutzen Sie alle drei.

Loslegen

1. Erstellen Sie ein kostenloses Konto und holen Sie sich Ihren API-Schlüssel
2. Fügen Sie die MCP-Konfiguration zu Ihrem Editor hinzu (siehe Einrichtung oben)
3. Bitten Sie Ihren KI-Assistenten, ein Bild zu vektorisieren

Der Server läuft über npx — keine globale Installation nötig, immer aktuell.

→ Auf npm ansehen · API-Dokumentation · Preise