Skip to content
Tutorial

VectoSolve MCP Server: herramientas de imagen IA en Claude Code, Cursor y Windsurf

El servidor @vectosolve/mcp lleva la vectorización IA, eliminación de fondos, escalado y generación de logos directamente a tu IDE. Un solo comando npx, cero configuración — convierte imágenes a SVG sin salir de tu editor.

Robin Monteiro16 de marzo de 202610 de octubre de 20268 min de lectura
Use this article with an AI assistant:
.md
VectoSolve MCP Server: herramientas de imagen IA en Claude Code, Cursor y 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

El Model Context Protocol (MCP) es un estándar abierto que permite a los asistentes de codificación IA llamar a herramientas externas de forma nativa. En lugar de copiar y pegar rutas de archivos o cambiar al navegador, describes lo que quieres y la IA se encarga del resto.

El servidor @vectosolve/mcp conecta la API de procesamiento de imágenes de VectoSolve a cualquier cliente compatible con MCP — Claude Code, Cursor, Windsurf y más. Vectoriza imágenes, elimina fondos, escala y genera logos sin salir de tu editor.

¿Por qué usar un servidor MCP?

Los flujos de trabajo tradicionales para el procesamiento de imágenes se ven así:

  1. Abrir una pestaña del navegador
  2. Subir tu imagen
  3. Esperar el procesamiento
  4. Descargar el resultado
  5. Mover el archivo a tu proyecto

Con MCP, dices "vectoriza esta imagen" y la IA realiza los cinco pasos. El resultado llega al directorio de tu proyecto, listo para usar.

Configuración rápida

La configuración toma 30 segundos. Añade VectoSolve a la config de tu cliente MCP:

Claude Code

Añade a tu .mcp.json (raíz del proyecto o ~/.claude/.mcp.json para config global):

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

Cursor

Abre Configuración → MCP Servers → Añadir servidor:

  • Nombre: vectosolve
  • Comando: npx @vectosolve/mcp
  • Entorno: VECTOSOLVE_API_KEY=vs_xxx

Windsurf

Añade a ~/.windsurf/mcp_config.json:

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

Obtén tu clave API en vectosolve.com/developers.

Herramientas disponibles

El servidor MCP expone cuatro herramientas que tu asistente IA puede llamar:

vectorize

Convierte cualquier imagen raster (PNG, JPG, WebP) a formato vectorial SVG limpio.

"Vectoriza el logo en ./assets/logo.png"
"Convierte esta captura de pantalla a SVG"

La IA lee tu archivo local, lo envía a la API de VectoSolve y devuelve el contenido SVG directamente en la conversación. Costo: $0.20 por imagen.

remove_background

Elimina el fondo de cualquier imagen. Devuelve una URL de PNG transparente.

"Elimina el fondo de foto-producto.jpg"
"Haz esta imagen transparente"

Costo: $0.07 por imagen.

upscale

Escala imágenes de baja resolución usando IA. Ideal para iconos, miniaturas o assets antiguos.

"Escala este favicon a 512x512"
"Aumenta la resolución de icono-pequeño.png"

Costo: $0.15 por imagen.

Genera logos SVG a partir de una descripción de texto. Soporta múltiples estilos y colores de marca.

"Genera un logo tech moderno para mi startup llamada Nextera"
"Crea 4 variantes de logo estilo icono en azul y verde"

Parámetros:

  • prompt — describe el logo que quieres
  • style — vector_illustration, icon, line_art, engraving, line_circuit, linocut
  • model — recraftv3 (mejor calidad) o recraftv2
  • colors — colores de marca como array hex, ej. ["#0090ff", "#1cb721"]
  • num_variants — 1, 2 o 4

Costo: $0.40 (recraftv3) o $0.25 (recraftv2) por 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

Ejemplos de flujos de trabajo reales

Aquí hay prompts reales que puedes usar una vez configurado el servidor MCP:

Flujo de diseño:

"Vectoriza todos los iconos PNG en ./public/icons/ y guárdalos como SVG"

E-commerce:

"Elimina el fondo de todas las fotos de producto en ./images/products/"

Branding:

"Genera 4 variantes de logo para una cafetería llamada 'Bean There' usando colores marrón cálido y crema"

Limpieza de assets:

"Escala este antiguo favicon de 64x64 a una resolución usable"

La IA gestiona la entrada/salida de archivos, las llamadas API y el manejo de errores. Tú describes el resultado, ella hace el trabajo.

Métodos de entrada

Todas las herramientas aceptan dos tipos de entrada:

  • file_path — cualquier ruta de archivo local (ej. ./assets/logo.png)
  • image_url — cualquier URL pública (ej. https://example.com/image.png)

El asistente IA detecta automáticamente cuál usar según tu prompt.

Sistema de créditos

Cada llamada a herramienta usa créditos de tu cuenta VectoSolve. La respuesta siempre incluye el uso de créditos y el saldo restante, para que puedas rastrear gastos en tiempo real.

Compra créditos o suscríbete en vectosolve.com/pricing.

Free SVG Tools for Crafters

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

Check Your SVG Free

Parte del ecosistema de desarrolladores

El servidor MCP es una de las tres herramientas de desarrollo de VectoSolve:

HerramientaInstalaciónCaso de uso
TypeScript SDKnpm i @vectosolve/sdkIntegración de apps
CLInpm i -g vectosolveTerminal y CI/CD
MCP Servernpx @vectosolve/mcpIntegración IDE IA

Los tres se conectan a la misma API de VectoSolve y comparten tu saldo de créditos. Elige el que se adapte a tu flujo de trabajo — o usa los tres.

Empezar

  1. Crea una cuenta gratuita y obtén tu clave API
  2. Añade la config MCP a tu editor (ver configuración arriba)
  3. Pide a tu asistente IA que vectorice una imagen

El servidor funciona vía npx — no necesita instalación global, siempre actualizado.

→ Ver en npm · Documentación API · Precios

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.