MCP Image Resolver
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@MCP Image Resolver find a photo of a mountain landscape"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
MCP Image Resolver Server
An MCP (Model Context Protocol) server that provides royalty-free image search for AI hosts like Cursor, Claude Desktop, VS Code, Windsurf, and more. Ask your AI assistant to find images by natural language—it uses the search_images tool and returns structured results from Pexels and Unsplash.
Features
search_images — Search for royalty-free images (supports limit, page, orientation)
extract_image_query — Transform free-form text into an image search query
get_best_image — Return a single best image for a query
search_images_batch — Run multiple searches in parallel
resolve_image_attribution — Generate provider-compliant attribution text
Pexels & Unsplash — Multi-provider support (free tier for both)
Unified response — Structured results with url, source, dimensions, photographer, tags
Works everywhere — Any MCP client that supports stdio servers
Related MCP server: unsplash-mcp
Requirements
Node.js 18+
At least one API key: Pexels (pexels.com/api) and/or Unsplash (unsplash.com/oauth/applications)
Quick Start (No Installation Required)
No cloning or building needed. Just add this config to your MCP client and it runs via npx automatically:
{
"mcpServers": {
"image-resolver": {
"command": "npx",
"args": ["-y", "@ahmaddioxide/mcp-image-resolver"],
"env": {
"PEXELS_API_KEY": "your-pexels-api-key",
"UNSPLASH_ACCESS_KEY": "your-unsplash-access-key"
}
}
}
}At least one API key is required. Both are free — get them here:
Pexels: pexels.com/api
Unsplash: unsplash.com/oauth/applications
Architecture (High-Level)
┌─────────────────────────────────────────────────────────────────────────────┐
│ MCP Client (Cursor, Claude, VS Code, etc.) │
│ │ │
│ stdio (stdin/stdout) │
└─────────────────────────────────────┼───────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────────────────┐
│ MCP Image Resolver Server │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ index.ts MCP server entry, registers tools, stdio transport│ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │ │
│ ▼ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ tools/search-images.ts Tool handler: search_images(query) │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │ │
│ ▼ │
│ ┌──────────────────────┐ ┌──────────────────────┐ │
│ │ providers/pexels.ts │ │ providers/unsplash.ts │ │
│ │ Pexels API adapter │ │ Unsplash API adapter │──▶ ImageResult schema │
│ └──────────────────────┘ └──────────────────────┘ │
│ │ │ │
│ └────────────────────────┴────▶ utils/normalize.ts │
└─────────────────────────────────────┼───────────────────────────────────────┘
│
┌─────────────────┴─────────────────┐
▼ ▼
┌──────────────────────────────┐ ┌──────────────────────────────────────────┐
│ Pexels API │ │ Unsplash API │
│ api.pexels.com │ │ api.unsplash.com │
└──────────────────────────────┘ └──────────────────────────────────────────┘Flow: MCP client → stdio → index.ts (registers tools) → search-images.ts → Pexels and Unsplash providers (when keys are set). Results are merged (Pexels first, then Unsplash) and normalized to the unified ImageResult schema.
Client Setup
Cursor
Add to .cursor/mcp.json (project) or ~/.cursor/mcp.json (global):
{
"mcpServers": {
"image-resolver": {
"command": "npx",
"args": ["-y", "@ahmaddioxide/mcp-image-resolver"],
"env": {
"PEXELS_API_KEY": "your-pexels-api-key",
"UNSPLASH_ACCESS_KEY": "your-unsplash-access-key"
}
}
}
}Restart Cursor after config changes.
Claude Desktop
Add to your Claude config file:
macOS:
~/Library/Application Support/Claude/claude_desktop_config.jsonWindows:
%APPDATA%\Claude\claude_desktop_config.jsonLinux:
~/.config/Claude/claude_desktop_config.json
Via Settings: Developer → Edit Config
{
"mcpServers": {
"image-resolver": {
"command": "npx",
"args": ["-y", "@ahmaddioxide/mcp-image-resolver"],
"env": {
"PEXELS_API_KEY": "your-pexels-api-key",
"UNSPLASH_ACCESS_KEY": "your-unsplash-access-key"
}
}
}
}Restart Claude Desktop completely after saving.
VS Code
Add to .vscode/mcp.json (workspace) or your user profile mcp.json:
{
"servers": {
"image-resolver": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@ahmaddioxide/mcp-image-resolver"],
"env": {
"PEXELS_API_KEY": "your-pexels-api-key",
"UNSPLASH_ACCESS_KEY": "your-unsplash-access-key"
}
}
}
}Note: VS Code uses
servers(notmcpServers) and requires"type": "stdio".
Windsurf
Add to ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": {
"image-resolver": {
"command": "npx",
"args": ["-y", "@ahmaddioxide/mcp-image-resolver"],
"env": {
"PEXELS_API_KEY": "your-pexels-api-key",
"UNSPLASH_ACCESS_KEY": "your-unsplash-access-key"
}
}
}
}Refresh the MCP config after changes.
Other MCP Clients
Any client that supports stdio MCP servers (Amp, Continue.dev, Amazon Q, etc.) can use this server:
Command:
npxArgs:
["-y", "@ahmaddioxide/mcp-image-resolver"]Env:
{ "PEXELS_API_KEY": "your-key", "UNSPLASH_ACCESS_KEY": "your-key" }(at least one required)
Usage
Once configured, ask your AI assistant to find images in natural language. It will call the search_images tool automatically.
Example prompts:
"Find royalty-free images of a sunset mosque"
"Search for zen yoga images suitable for a wellness app"
"Get some minimalist office workspace photos"
"Find images for a cooking blog header"
The tool returns image URLs and metadata. Use the links to view or download images.
Tool Schema
Tool | Params | Description |
search_images | query, limit?, page?, orientation? | Search images from Pexels and Unsplash |
extract_image_query | context | Extract search terms from free-form text |
get_best_image | query, orientation? | Return a single best image |
search_images_batch | queries, limit? | Run multiple searches in parallel |
resolve_image_attribution | photographer, source, url? | Generate attribution text |
Response: JSON with results array of { url, source, width, height, photographer, tags }. Each result includes source ("Pexels" or "Unsplash") for attribution.
Note: When both providers are configured, results are merged with Pexels first, then Unsplash. Use limit: 20 or higher to see results from both providers in a single search.
Testing
Example prompts to verify the tools:
"Search for mountain landscape with limit 20 and show me which results came from Pexels vs Unsplash."
"Use extract_image_query on: I need a hero image for a meditation app with mountains."
"Use search_images_batch for 'sunset mosque', 'pakistani flag', and 'zen yoga'."
"Get a single best image for coffee shop and generate attribution for it."
Development
To contribute or run locally, clone the repo and build from source:
git clone https://github.com/ahmaddioxide/image-resolver-mcp.git
cd image-resolver-mcp
npm install
cp .env.example .env
# Add PEXELS_API_KEY and/or UNSPLASH_ACCESS_KEY to .env
npm run buildOr run in development mode without building, using tsx:
{
"mcpServers": {
"image-resolver": {
"command": "npx",
"args": ["tsx", "/path/to/image-resolver-mcp/src/index.ts"],
"env": {
"PEXELS_API_KEY": "your-pexels-api-key",
"UNSPLASH_ACCESS_KEY": "your-unsplash-access-key"
}
}
}
}Attribution
Images are sourced from Pexels and Unsplash. Per their API terms:
Provide prominent links to Pexels and Unsplash
Credit photographers: "Photo by [Name] on Pexels" / "Photo by [Name] on Unsplash"
Response metadata includes
photographerandsource; useresolve_image_attributionfor compliant text
Contributing
Contributions are welcome. Please read CONTRIBUTING.md for guidelines and CODE_OF_CONDUCT.md for community standards. See SECURITY.md for vulnerability reporting.
License
MIT — see LICENSE.
Available Tools
5 toolsextract_image_queryExtract Image QueryA
Transform free-form text (e.g. UI copy, context) into an optimized image search query using noun extraction.
Inputs: context (required).
get_best_imageGet Best ImageC
Return a single best image for a query.
Inputs: query (required), orientation.
resolve_image_attributionResolve Image AttributionA
Generate provider-compliant attribution text for an image (e.g. Photo by X on Pexels).
Inputs: source (required), photographer (required), url.
search_imagesSearch ImagesB
Search for royalty-free images from Pexels and Unsplash. Supports limit, page, and orientation filters.
Inputs: query (required), page, limit, orientation.
search_images_batchSearch Images BatchA
Run multiple image searches in parallel. Returns results keyed by query.
Inputs: queries (required), limit.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
TDQS
Scored across 5 tools
search_images, get_best_image, and search_images_batch all perform image searches with slight variations, which could confuse an agent trying to pick the right one. The descriptions help clarify the differences, but the overlapping purposes create some ambiguity.
Tool names generally follow a verb_noun pattern (search_images, get_best_image, resolve_image_attribution), with minor inconsistencies like search_images_batch placing the modifier at the end. Overall, the naming is readable and predictable.
With 5 tools, the server is well-scoped for its purpose: image search and attribution. Each tool has a clear role, and the count is neither too sparse nor overwhelming.
The tool surface covers a typical workflow: optimizing a query, searching for images, picking the best one, and generating attribution. Obvious gaps are minor, such as lack of a direct image-by-URL retrieval tool, but the core functionality is solid.
Maintenance
Related MCP Connectors
MCP server for Qwen Image 3 AI image generation
MCP server for Flux AI image generation
Hosted MCP server for AI photo editing: nothing to install, no desktop photo editor needed.
MCP server for Google Veo AI video generation
Related MCP Servers
- AlicenseBqualityBmaintenanceMCP server to search and download stock images from Pexels, Unsplash, and Pixabay21,127 npm5MIT
- AlicenseAqualityDmaintenanceAn MCP server for searching and retrieving photos from Unsplash with proper attribution, designed for LLMs building content pages.338MIT
- AlicenseAqualityAmaintenanceAn MCP server that enables AI agents to search, retrieve, and curate free stock photos and videos from Pexels, with tools, resources, and prompts for easy integration.8MIT
- AlicenseAqualityDmaintenanceMCP server that allows AI coding agents to search, download, and convert stock photos from Pexels, Unsplash, and Pixabay into WebP format for direct use in web development projects.334 npm5MIT