upsplash-mcp-server
The Unsplash MCP Server is a tool for interfacing with the Unsplash API to search and download photos conveniently through a Model Context Protocol (MCP) server setup. It features photo searching and downloading functionalities, requiring an Unsplash Access Key and setup via environment configurations.
Unsplash MCP Server
This project implements a Model Context Protocol (MCP) server that provides tools for interacting with the Unsplash API, allowing users to search for and download photos.
(Note: Replace
@shariqriazz
with the correct username/namespace if needed)
Git Repository: https://github.com/shariqriazz/upsplash-mcp-server (Please update if this is not the correct URL)
Features
- Provides MCP tools to interact with the Unsplash API.
- Search for photos based on queries, pagination, and orientation.
- Download photos at specified resolutions (raw, full, regular, small).
- Requires an Unsplash Access Key configured via environment variables.
- Downloads photos to a local
unsplash/
directory within the workspace.
Tools Provided
-
search_photos
: Searches for photos on Unsplash.- Input Schema:
{ "type": "object", "properties": { "query": { "type": "string", "description": "The search term(s)." }, "page": { "type": "number", "description": "Page number (default: 1).", "default": 1 }, "per_page": { "type": "number", "description": "Items per page (default: 10, max: 30).", "default": 10, "maximum": 30 }, "orientation": { "type": "string", "enum": ["landscape", "portrait", "squarish"], "description": "Filter by orientation." } }, "required": ["query"] }
- Output: Returns JSON data containing search results and a formatted text summary with image links.
- Input Schema:
-
download_photo
: Downloads an Unsplash photo to the workspace'sunsplash/
folder after triggering the download tracking event.- Input Schema:
{ "type": "object", "properties": { "photo_id": { "type": "string", "description": "The ID of the photo to download." }, "resolution": { "type": "string", "enum": ["raw", "full", "regular", "small"], "description": "Desired resolution (default: raw).", "default": "raw" }, "filename": { "type": "string", "description": "Optional filename (e.g., my-image.jpg). Defaults to sanitized description or {photo_id}.jpg." } }, "required": ["photo_id"] }
- Output: Returns a success message with the path to the downloaded file.
- Input Schema:
(Note: Schemas are illustrative. The server exposes the exact schemas via MCP.)
Prerequisites
- Node.js (v18+ recommended)
- Bun (
npm install -g bun
) - Unsplash Account and API Access Key (https://unsplash.com/developers)
Setup & Installation
- Clone the Repository:
git clone https://github.com/shariqriazz/upsplash-mcp-server.git # Update URL if needed cd upsplash-mcp-server
- Install Dependencies:
bun install
- Configure Environment:
- Create a
.env
file in the project root (or copy.env.example
if provided). - Add your Unsplash Access Key:
UNSPLASH_ACCESS_KEY="YOUR_UNSPLASH_ACCESS_KEY"
- Create a
- Build the Server:
This compiles the TypeScript code tobun run build
build/index.js
.
Usage (Standalone / NPX)
Standalone (Local Build):
You can run the compiled server directly using bun
or node
. Ensure the UNSPLASH_ACCESS_KEY
environment variable is set in your shell or .env
file.
# Ensure UNSPLASH_ACCESS_KEY is set
bun run build/index.js
# OR
node build/index.js
Using NPX (If Published to npm):
If this package is published to npm (e.g., as unsplash-mcp-server
), you could run it directly using npx
.
# Ensure UNSPLASH_ACCESS_KEY is set in your environment
npx -y unsplash-mcp-server
Note: This requires the package to be published on npm under the specified name.
Running with Cline
-
Configure MCP Settings: Add or update the configuration in your Cline MCP settings file (e.g.,
.roo/mcp.json
or global settings). You have two primary options:Option A: Using Bun/Node (Direct Path - Recommended for Local Development)
This method uses
bun
(ornode
) to run the compiled script directly from your local project directory.{ "mcpServers": { "unsplash-mcp-server": { "command": "bun", // Or "node" "args": [ // Use the absolute path to the compiled index.js in your project "/path/to/your/upsplash-mcp-server/build/index.js" ], "env": { // Required: Ensure this matches your .env or is set here "UNSPLASH_ACCESS_KEY": "YOUR_UNSPLASH_ACCESS_KEY" // Replace with your actual key }, "disabled": false, "alwaysAllow": [ "search_photos", "download_photo" // "trigger_download" // Include if this tool exists and is separate ], "timeout": 3600 // Optional: Timeout in seconds (e.g., 1 hour) } // Add other servers here... } }
- Important: Replace
/path/to/your/upsplash-mcp-server/build/index.js
with the correct absolute path on your system. - Replace
"YOUR_UNSPLASH_ACCESS_KEY"
with your actual key. Remove comments from the actual JSON file.
Option B: Using NPX (Requires Package Published to npm)
This method uses
npx
to automatically download and run the server package from the npm registry. This is convenient if you don't want to clone the repository locally or prefer using the published version.{ "mcpServers": { "unsplash-mcp-server": { "command": "npx", "args": [ "-y", // Auto-confirm installation "unsplash-mcp-server" // Assumed npm package name - update if different ], "env": { // Required: Ensure this is set here or in your environment "UNSPLASH_ACCESS_KEY": "YOUR_UNSPLASH_ACCESS_KEY" // Replace with your actual key }, "disabled": false, "alwaysAllow": [ "search_photos", "download_photo" ], "timeout": 3600 // Optional: Timeout in seconds } // Add other servers here... } }
- Ensure the
env
block contains the necessaryUNSPLASH_ACCESS_KEY
. - Update
"unsplash-mcp-server"
inargs
if the published npm package name is different.
- Important: Replace
-
Restart/Reload Cline: Cline should detect the configuration change and start the server based on your chosen method.
-
Use Tools: You can now use the
search_photos
anddownload_photo
tools via Cline.
Development
- Watch Mode:
bun run watch
(Typically starts the server and restarts on file changes) - Linting:
bun run lint
(Checks code for style and potential errors) - Formatting:
bun run format
(Formats code according to project standards)
(Note: Assumes standard package.json
scripts like watch
, lint
, format
. Update if your scripts differ.)
License
This project is licensed under the MIT License - see the file for details.