Skip to content
VS Code

mcp image for VS Code

io.github.shinpr/mcp-image

AI image generation and editing with prompt optimization and quality presets

client:VS Code transport:stdio runtime:npm

Install mcp image in VS Code

.vscode/mcp.json

{
  "inputs": [
    {
      "type": "promptString",
      "id": "image-provider",
      "description": "IMAGE_PROVIDER",
      "password": true
    },
    {
      "type": "promptString",
      "id": "gemini-api-key",
      "description": "GEMINI_API_KEY",
      "password": true
    },
    {
      "type": "promptString",
      "id": "openai-api-key",
      "description": "OPENAI_API_KEY",
      "password": true
    },
    {
      "type": "promptString",
      "id": "ark-api-key",
      "description": "ARK_API_KEY",
      "password": true
    },
    {
      "type": "promptString",
      "id": "image-output-dir",
      "description": "IMAGE_OUTPUT_DIR",
      "password": true
    },
    {
      "type": "promptString",
      "id": "image-quality",
      "description": "IMAGE_QUALITY",
      "password": true
    },
    {
      "type": "promptString",
      "id": "skip-prompt-enhancement",
      "description": "SKIP_PROMPT_ENHANCEMENT",
      "password": true
    }
  ],
  "servers": {
    "mcp-image": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-image"
      ],
      "env": {
        "IMAGE_PROVIDER": "${input:image-provider}",
        "GEMINI_API_KEY": "${input:gemini-api-key}",
        "OPENAI_API_KEY": "${input:openai-api-key}",
        "ARK_API_KEY": "${input:ark-api-key}",
        "IMAGE_OUTPUT_DIR": "${input:image-output-dir}",
        "IMAGE_QUALITY": "${input:image-quality}",
        "SKIP_PROMPT_ENHANCEMENT": "${input:skip-prompt-enhancement}"
      }
    }
  }
}

VS Code prompts for each input the first time the server starts, so no secret is written to the file. VS Code docs

mcp image in other clients