Skip to main content
AI & Engineering9 min read

Empowering AI Agents with Vision: Open Source MCP Server Architecture and Local Ollama Setup

Coding agents excel at text but remain blind to screenshots, UI mocks, and diagrams. How the Model Context Protocol (MCP) bridges vision into Cursor and Claude Code with local privacy.

#Model Context Protocol#Cursor Vision MCP#Claude Code Agent#Local Ollama Vision#Screenshot to Code

The Blind Spot of Coding Agents: "I Cannot View Images"

Over the past year, AI coding environments like Cursor, Claude Code, and Codex have revolutionized developer workflows.

Yet engineers routinely encounter this exasperating obstacle:

You capture a subtle CSS rendering bug or a visual design mockup, drop the screenshot into your coding session, and receive this deflating reply:

"I cannot view images in this terminal environment. Please provide the text directly."

Language models demonstrate formidable reasoning, yet inside decoupled developer CLI environments, they remain visually blind.


The Solution: Standardizing Vision via Model Context Protocol (MCP)

To overcome integration boundaries, Anthropic introduced the Model Context Protocol (MCP)—a universal protocol analogous to USB-C for AI capabilities.

We engineered Shadow Vision, an open-source MCP vision service purpose-built for developer agents.

By adding a single server definition, your coding agent gains access to 6 structured visual tools:

  1. vision_ocr: High-precision text and tabular data extraction from terminals and UI captures.
  2. vision_inspect: Visual diagnostics identifying CSS glitches and chart interpretations.
  3. vision_annotate: Recognizes developer markup: red bounding boxes, arrows, and highlights.
  4. vision_layout: Deconstructs visual designs into hierarchical layout trees and spacing tokens.
  5. vision_reconstruct: The flagship capability—reconstructs visual UI captures directly into clean React, HTML, and Tailwind code drafts.
  6. vision_compare: Pixel-level visual regression inspection between iterations.

Local-First Privacy: Pluggable Backends and Offline Ollama

Enterprise teams cannot risk proprietary screenshots leaking to third-party APIs.

Shadow Vision implements modular pluggable backends:

  • Local-First Privacy: Natively orchestrates local Ollama instances (e.g. Qwen2-VL, LLaVA). Image inferences remain 100% on-premise without outbound requests.
  • Cloud Fidelity: Effortlessly routes complex reasoning to Anthropic Claude 3.5 Sonnet or Google Gemini multimodal APIs.
  • OpenAI Compatibility: Interoperable with LM Studio, vLLM, or proprietary enterprise gateways.

Configuration (Claude Desktop / Cursor):

json
{
  "mcpServers": {
    "shadow-vision": {
      "command": "uv",
      "args": ["run", "shadow-vision"],
      "env": {
        "VISION_BACKEND": "ollama",
        "OLLAMA_MODEL": "qwen2-vl:7b"
      }
    }
  }
}

Giving AI agents the ability to perceive screens bridges terminal interaction into true multimodal collaboration.

All Field Notes