This MCP server provides a powerful interface to OpenAI's GPT-4o and GPT-Image-1 APIs, allowing you to generate and edit images through any MCP-compatible client such as Claude Desktop, Cursor, VSCode, or Windsurf.
To install the OpenAI GPT Image MCP server:
git clone https://github.com/SureScaleAI/openai-gpt-image-mcp.git
cd openai-gpt-image-mcp
yarn install
yarn build
Add the server to your Claude Desktop or VSCode (including Cursor/Windsurf) configuration:
{
"mcpServers": {
"openai-gpt-image-mcp": {
"command": "node",
"args": ["/absolute/path/to/dist/index.js"],
"env": { "OPENAI_API_KEY": "sk-..." }
}
}
}
Be sure to replace /absolute/path/to/dist/index.js with the actual path and add your OpenAI API key.
Use the create-image function to generate images from text prompts with various options:
The edit-image function allows you to modify existing images:
The server provides two main functions that can be called from any MCP-compatible client:
create-image
prompt: A serene mountain landscape at sunset
size: 1024x1024
quality: hd
n: 1
file_output: /path/to/save/image.png
edit-image
image: /path/to/original_image.png
prompt: Add a small cabin in the foreground
mask: /path/to/mask_image.png
file_output: /path/to/save/edited_image.png
MCP_HF_WORK_DIR environment variable to control where large images are savedTo add this MCP server to Claude Code, run this command in your terminal:
claude mcp add-json "openai-gpt-image-mcp" '{"command":"node","args":["/absolute/path/to/dist/index.js"],"env":{"OPENAI_API_KEY":"sk-..."}}'
See the official Claude Code MCP documentation for more details.
There are two ways to add an MCP server to Cursor. The most common way is to add the server globally in the ~/.cursor/mcp.json file so that it is available in all of your projects.
If you only need the server in a single project, you can add it to the project instead by creating or adding it to the .cursor/mcp.json file.
To add a global MCP server go to Cursor Settings > Tools & Integrations and click "New MCP Server".
When you click that button the ~/.cursor/mcp.json file will be opened and you can add your server like this:
{
"mcpServers": {
"openai-gpt-image-mcp": {
"command": "node",
"args": [
"/absolute/path/to/dist/index.js"
],
"env": {
"OPENAI_API_KEY": "sk-..."
}
}
}
}
To add an MCP server to a project you can create a new .cursor/mcp.json file or add it to the existing one. This will look exactly the same as the global MCP server example above.
Once the server is installed, you might need to head back to Settings > MCP and click the refresh button.
The Cursor agent will then be able to see the available tools the added MCP server has available and will call them when it needs to.
You can also explicitly ask the agent to use the tool by mentioning the tool name and describing what the function does.
To add this MCP server to Claude Desktop:
1. Find your configuration file:
~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.json~/.config/Claude/claude_desktop_config.json2. Add this to your configuration file:
{
"mcpServers": {
"openai-gpt-image-mcp": {
"command": "node",
"args": [
"/absolute/path/to/dist/index.js"
],
"env": {
"OPENAI_API_KEY": "sk-..."
}
}
}
}
3. Restart Claude Desktop for the changes to take effect