VectoSolve MCP Server: Claude Code, Cursor, Windsurf의 AI 이미지 도구

Model Context Protocol(MCP)은 AI 코딩 어시스턴트가 외부 도구를 네이티브로 호출할 수 있게 하는 개방형 표준입니다. 파일 경로를 복사하거나 브라우저로 전환하는 대신, 원하는 것을 설명하면 AI가 나머지를 처리합니다.

@vectosolve/mcp 서버는 VectoSolve의 이미지 처리 API를 MCP 호환 클라이언트(Claude Code, Cursor, Windsurf 등)에 연결합니다. 에디터를 떠나지 않고 이미지 벡터화, 배경 제거, 업스케일, 로고 생성이 가능합니다.

1. 브라우저 탭 열기
2. 이미지 업로드
3. 처리 대기
4. 결과 다운로드
5. 파일을 프로젝트로 이동

MCP를 사용하면 "이 이미지를 벡터화해줘"라고 말하기만 하면 AI가 다섯 단계를 모두 수행합니다. 결과는 프로젝트 디렉토리에 바로 배치되어 사용할 준비가 됩니다.

빠른 설정

설정은 30초면 됩니다. MCP 클라이언트 설정에 VectoSolve를 추가하세요:

Claude Code

.mcp.json에 추가 (프로젝트 루트 또는 글로벌 설정의 ~/.claude/.mcp.json):

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

Cursor

설정 → MCP Servers → 서버 추가:

• 이름: vectosolve
• 명령어: npx @vectosolve/mcp
• 환경 변수: VECTOSOLVE_API_KEY=vs_xxx

Windsurf

~/.windsurf/mcp_config.json에 추가:

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

API 키는 vectosolve.com/developers에서 받으세요.

사용 가능한 도구

MCP 서버는 AI 어시스턴트가 호출할 수 있는 네 가지 도구를 제공합니다:

vectorize

모든 래스터 이미지(PNG, JPG, WebP)를 깨끗한 SVG 벡터 형식으로 변환합니다.

"./assets/logo.png의 로고를 벡터화해줘"
"이 스크린샷을 SVG로 변환해줘"

AI가 로컬 파일을 읽고 VectoSolve API로 전송한 다음 SVG 콘텐츠를 대화에 직접 반환합니다. 비용: 이미지당 $0.20.

remove_background

모든 이미지에서 배경을 제거합니다. 투명 PNG URL을 반환합니다.

"product-photo.jpg에서 배경을 제거해줘"
"이 이미지를 투명하게 만들어줘"

비용: 이미지당 $0.07.

upscale

AI를 사용하여 저해상도 이미지를 업스케일합니다. 아이콘, 썸네일 또는 오래된 에셋에 적합합니다.

"이 파비콘을 512x512로 업스케일해줘"
"small-icon.png를 고해상도로 만들어줘"

비용: 이미지당 $0.15.

generate_logo

텍스트 설명으로 SVG 로고를 생성합니다. 다양한 스타일과 브랜드 색상을 지원합니다.

"Nextera라는 스타트업을 위한 모던한 테크 로고를 생성해줘"
"파란색과 초록색으로 아이콘 스타일 로고 변형 4개를 만들어줘"

파라미터:

• prompt — 원하는 로고 설명
• style — vector_illustration, icon, line_art, engraving, line_circuit, linocut
• model — recraftv3 (최고 품질) 또는 recraftv2
• colors — hex 배열로 된 브랜드 색상, 예: ["#0090ff", "#1cb721"]
• num_variants — 1, 2 또는 4

비용: 로고당 $0.40 (recraftv3) 또는 $0.25 (recraftv2).

실제 워크플로우 예시

MCP 서버 설정 후 사용할 수 있는 실제 프롬프트입니다:

디자인 워크플로우:

"./public/icons/의 모든 PNG 아이콘을 벡터화하고 SVG로 저장해줘"

이커머스:

"./images/products/의 모든 제품 사진에서 배경을 제거해줘"

브랜딩:

"'Bean There'라는 카페를 위해 따뜻한 갈색과 크림색을 사용한 로고 변형 4개를 생성해줘"

에셋 정리:

"이 오래된 64x64 파비콘을 사용 가능한 해상도로 업스케일해줘"

AI가 파일 I/O, API 호출, 오류 처리를 담당합니다. 결과를 설명하면 작업을 수행합니다.

입력 방법

모든 도구는 두 가지 입력 유형을 지원합니다:

• file_path — 모든 로컬 파일 경로 (예: ./assets/logo.png)
• image_url — 모든 공개 URL (예: https://example.com/image.png)

AI 어시스턴트가 프롬프트를 기반으로 자동으로 사용할 유형을 감지합니다.

크레딧 시스템

각 도구 호출은 VectoSolve 계정의 크레딧을 사용합니다. 응답에는 항상 크레딧 사용량과 잔액이 포함되어 실시간으로 지출을 추적할 수 있습니다.

크레딧 구매 또는 구독은 vectosolve.com/pricing에서 가능합니다.

개발자 에코시스템의 일부

MCP 서버는 VectoSolve의 세 가지 개발자 도구 중 하나입니다:

세 가지 모두 동일한 VectoSolve API에 연결되고 크레딧 잔액을 공유합니다. 워크플로우에 맞는 것을 선택하거나 세 가지 모두 사용하세요.

시작하기

1. 무료 계정 생성 후 API 키 받기
2. 에디터에 MCP 설정 추가 (위의 설정 참조)
3. AI 어시스턴트에게 이미지 벡터화 요청

서버는 npx로 실행 — 글로벌 설치 불필요, 항상 최신 버전.

→ npm에서 보기 · API 문서 · 요금제