Skip to content
Tutorial

VectoSolve MCP Server: AI-beeldtools in Claude Code, Cursor & Windsurf

De @vectosolve/mcp server brengt AI-vectorisatie, achtergrondverwijdering, upscaling en logogeneratie rechtstreeks naar je IDE. Eén npx-commando, geen configuratie — converteer afbeeldingen naar SVG zonder je editor te verlaten.

Robin Monteiro16 maart 202610 oktober 20268 min leestijd
Use this article with an AI assistant:
.md
VectoSolve MCP Server: AI-beeldtools in Claude Code, Cursor & Windsurf
R
Robin Monteiro

Founder of VectoSolve

Self-taught developer, founder and sole developer of VectoSolve since 2024. He builds the conversion engine and the cutting, embroidery and 3D printing exports.

How this article was made: drafted with AI assistance, then edited and fact-checked before publication. About the author

Image vectorizationCutting machine filesEmbroidery filesSVG
Free previewNo signupFull-quality output

Het Model Context Protocol (MCP) is een open standaard waarmee AI-codeerassistenten externe tools native kunnen aanroepen. In plaats van bestandspaden te kopiëren of naar een browser te schakelen, beschrijf je wat je wilt en de AI doet de rest.

De @vectosolve/mcp server verbindt de beeldverwerkings-API van VectoSolve met elke MCP-compatibele client — Claude Code, Cursor, Windsurf en meer. Vectoriseer afbeeldingen, verwijder achtergronden, schaal op en genereer logo's zonder je editor te verlaten.

Waarom een MCP Server gebruiken?

Traditionele workflows voor beeldverwerking zien er zo uit:

  1. Een browsertabblad openen
  2. Je afbeelding uploaden
  3. Wachten op verwerking
  4. Het resultaat downloaden
  5. Het bestand naar je project verplaatsen

Met MCP zeg je "vectoriseer deze afbeelding" en de AI voert alle vijf stappen uit. Het resultaat komt in je projectmap terecht, klaar voor gebruik.

Snelle installatie

De installatie duurt 30 seconden. Voeg VectoSolve toe aan je MCP-clientconfiguratie:

Claude Code

Voeg toe aan je .mcp.json (projectroot of ~/.claude/.mcp.json voor globale configuratie):

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

Cursor

Open Instellingen → MCP Servers → Server toevoegen:

  • Naam: vectosolve
  • Commando: npx @vectosolve/mcp
  • Omgeving: VECTOSOLVE_API_KEY=vs_xxx

Windsurf

Voeg toe aan ~/.windsurf/mcp_config.json:

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

Haal je API-sleutel op via vectosolve.com/developers.

Beschikbare tools

De MCP Server stelt vier tools beschikbaar die je AI-assistent kan aanroepen:

vectorize

Converteer elke rasterafbeelding (PNG, JPG, WebP) naar schoon SVG-vectorformaat.

"Vectoriseer het logo op ./assets/logo.png"
"Converteer deze screenshot naar SVG"

De AI leest je lokale bestand, stuurt het naar de VectoSolve-API en retourneert de SVG-inhoud direct in het gesprek. Kosten: $0,20 per afbeelding.

remove_background

Verwijder de achtergrond van elke afbeelding. Retourneert een transparante PNG-URL.

"Verwijder de achtergrond van productfoto.jpg"
"Maak deze afbeelding transparant"

Kosten: $0,07 per afbeelding.

upscale

Schaal afbeeldingen met lage resolutie op met AI. Ideaal voor iconen, thumbnails of oude assets.

"Schaal dit favicon op naar 512x512"
"Verhoog de resolutie van klein-icoon.png"

Kosten: $0,15 per afbeelding.

Genereer SVG-logo's vanuit een tekstbeschrijving. Ondersteunt meerdere stijlen en merkkleuren.

"Genereer een modern tech-logo voor mijn startup genaamd Nextera"
"Maak 4 logo-varianten in icoon-stijl in blauw en groen"

Parameters:

  • prompt — beschrijf het gewenste logo
  • style — vector_illustration, icon, line_art, engraving, line_circuit, linocut
  • model — recraftv3 (beste kwaliteit) of recraftv2
  • colors — merkkleuren als hex-array, bijv. ["#0090ff", "#1cb721"]
  • num_variants — 1, 2 of 4

Kosten: $0,40 (recraftv3) of $0,25 (recraftv2) per logo.

A Full Year of Conversions for $49

Starter Annual: 25 conversions every month, $49 for the whole year. That is about $4.08 a month · Cancel anytime

Get the Annual Deal

Praktijkvoorbeelden

Hier zijn echte prompts die je kunt gebruiken zodra de MCP Server is geconfigureerd:

Design-workflow:

"Vectoriseer alle PNG-iconen in ./public/icons/ en sla ze op als SVG"

E-commerce:

"Verwijder de achtergrond van alle productfoto's in ./images/products/"

Branding:

"Genereer 4 logo-varianten voor een koffiezaak genaamd 'Bean There' met warme bruine en crèmekleuren"

Asset-opschoning:

"Schaal dit oude 64x64 favicon op naar een bruikbare resolutie"

De AI verzorgt bestands-I/O, API-aanroepen en foutafhandeling. Jij beschrijft het resultaat, zij doet het werk.

Invoermethoden

Alle tools accepteren twee invoertypen:

  • file_path — elk lokaal bestandspad (bijv. ./assets/logo.png)
  • image_url — elke openbare URL (bijv. https://example.com/image.png)

De AI-assistent detecteert automatisch welk type te gebruiken op basis van je prompt.

Kredietsysteem

Elke tool-aanroep gebruikt credits van je VectoSolve-account. Het antwoord bevat altijd het kredietgebruik en het resterende saldo, zodat je uitgaven in realtime kunt bijhouden.

Koop credits of neem een abonnement op vectosolve.com/pricing.

Free SVG Tools for Crafters

Design Checker · Color Separator · Mat Preview · Offset Generator · Text to SVG

Check Your SVG Free

Onderdeel van het ontwikkelaarsecosysteem

De MCP Server is een van de drie ontwikkelaarstools voor VectoSolve:

ToolInstallatieGebruiksscenario
TypeScript SDKnpm i @vectosolve/sdkApp-integratie
CLInpm i -g vectosolveTerminal & CI/CD
MCP Servernpx @vectosolve/mcpAI IDE-integratie

Alle drie verbinden met dezelfde VectoSolve-API en delen je kredietsaldo. Kies degene die bij je workflow past — of gebruik alle drie.

Aan de slag

  1. Maak een gratis account en pak je API-sleutel
  2. Voeg de MCP-configuratie toe aan je editor (zie installatie hierboven)
  3. Vraag je AI-assistent om een afbeelding te vectoriseren

De server draait via npx — geen globale installatie nodig, altijd up-to-date.

→ Bekijk op npm · API-documentatie · Prijzen

Tags:
MCP
Claude Code
Cursor
Windsurf
SVG
vectorization
AI tools
IDE
npm
developer tools
Share:

Try VectoSolve Now

Convert your images to high-quality SVG vectors with AI

AI-Powered Vectorization

Ready to vectorize your images?

Convert your PNG, JPG, and other images to high-quality, scalable SVG vectors in seconds.