io.github.beznazwiska/codetoimage-mcp-server MCP Server

Name: io.github.beznazwiska/codetoimage-mcp-server MCP Server
Author: io.github.beznazwiska

io.github.beznazwiska/codetoimage-mcp-server

Repository Registry

What is the io.github.beznazwiska/codetoimage-mcp-server MCP server?

Pixel-perfect HTML/CSS to PNG/JPG/WebP for AI agents — inline image or 24h hosted URL.

How to install io.github.beznazwiska/codetoimage-mcp-server

Copy-paste configuration for popular MCP clients.

transport: stdio

Config generated by PluginBench — verify against the source before use.

Environment / auth

CODETOIMAGE_API_KEY
required
secret
API key from https://codetoimage.app/dashboard/keys (starts with cti_live_…). Sandbox tier is free.
CODETOIMAGE_API_URL
Override the API base URL. Defaults to https://api.codetoimage.app.

Claude Desktop

~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "codetoimage-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@codetoimage/mcp-server"
      ],
      "env": {
        "CODETOIMAGE_API_KEY": "<YOUR_CODETOIMAGE_API_KEY>",
        "CODETOIMAGE_API_URL": "<YOUR_CODETOIMAGE_API_URL>"
      }
    }
  }
}

Cursor

~/.cursor/mcp.json

{
  "mcpServers": {
    "codetoimage-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@codetoimage/mcp-server"
      ],
      "env": {
        "CODETOIMAGE_API_KEY": "<YOUR_CODETOIMAGE_API_KEY>",
        "CODETOIMAGE_API_URL": "<YOUR_CODETOIMAGE_API_URL>"
      }
    }
  }
}

Windsurf

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "codetoimage-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@codetoimage/mcp-server"
      ],
      "env": {
        "CODETOIMAGE_API_KEY": "<YOUR_CODETOIMAGE_API_KEY>",
        "CODETOIMAGE_API_URL": "<YOUR_CODETOIMAGE_API_URL>"
      }
    }
  }
}

VS Code

.vscode/mcp.json

{
  "servers": {
    "codetoimage-mcp-server": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@codetoimage/mcp-server"
      ],
      "env": {
        "CODETOIMAGE_API_KEY": "<YOUR_CODETOIMAGE_API_KEY>",
        "CODETOIMAGE_API_URL": "<YOUR_CODETOIMAGE_API_URL>"
      }
    }
  }
}

Claude Code

claude mcp add codetoimage-mcp-server --env CODETOIMAGE_API_KEY=<YOUR_CODETOIMAGE_API_KEY> --env CODETOIMAGE_API_URL=<YOUR_CODETOIMAGE_API_URL> -- npx -y @codetoimage/mcp-server