vision-mcp-server

vision-mcp-server

A remote MCP server providing 7 vision tools (UI-to-code, OCR, error diagnosis, etc.) via an Anthropic-compatible model API, supporting multiple MCP clients through Streamable HTTP.

Category
Visit Server

README

Vision MCP Server

A remote MCP (Model Context Protocol) server exposing 7 vision tools over the 讯飞 MaaS Anthropic-compatible model API (xopkimik26). Supports Claude Code, Codex, Cline, and any MCP-compatible client via Streamable HTTP.

Features

  • 7 specialized vision tools (UI→code, OCR, error diagnosis, diagram understanding, data-viz analysis, UI diff, general image analysis)
  • Multi-API-key round-robin with cooldown + retry (401/403/429/5xx/network)
  • Global (100) and per-key (20) concurrency control
  • Image preprocessing: PNG/JPEG/GIF/WebP/BMP → JPEG Q80 with resolution caps (2048 standard / 4096 OCR / 1536 diff)
  • /health status endpoint

Quick start

npm install
npm run build
API_KEYS=key1,key2 npm start

Server listens on PORT (default 3000). Endpoints: POST /mcp (MCP), GET /health.

Docker

echo "API_KEYS=key1,key2" > .env
docker compose up -d

Configuration (env)

Variable Default Description
PORT 3000 HTTP port
API_KEYS (required) Comma-separated API keys
API_BASE_URL https://maas-coding-api.cn-huabei-1.xf-yun.com/anthropic Model API base URL
MODEL_ID xopkimik26 Model ID
MAX_CONCURRENCY 100 Global max concurrent requests
PER_KEY_CONCURRENCY 20 Per-key max concurrent requests
MAX_RETRIES 3 Max retries per request
KEY_COOLDOWN_MS 60000 Cooldown for failed keys
IMAGE_MAX_SIZE_MB 10 Max image size
IMAGE_MAX_DIMENSION 2048 Standard-mode resolution cap
IMAGE_OCR_MAX_DIMENSION 4096 OCR-mode resolution cap
LOG_LEVEL info pino log level

Connect a client

Claude Code:

claude mcp add -s user vision-mcp-server --transport http http://localhost:3000/mcp

Manual config (.claude.json):

{
  "mcpServers": {
    "vision-mcp-server": { "type": "http", "url": "http://localhost:3000/mcp" }
  }
}

Development

npm test          # node:test over src/**/*.test.ts
npm run typecheck # tsc --noEmit
npm run dev       # tsx watch src/index.ts

Notes

  • The model API accepts base64 images only (URLs return 400). Clients (e.g. Claude Code) auto-encode local files.
  • Token cost scales with resolution, not file size — hence JPEG Q80 + resolution caps.
  • Transport is stateless (sessionIdGenerator: undefined) for horizontal scalability.

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured