Codetoimage MCP Server

by beznazwiskaio.github.beznazwiska/codetoimage-mcp-serverv0.2.0

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

0Node.jsstdioofficial registry

context tax

queued

security

queued

cold start

queued

freshness

Maintained3mo ago

Install Codetoimage MCP server

claude mcp add codetoimage -e CODETOIMAGE_API_KEY='<codetoimage-api-key>' -- npx -y @codetoimage/mcp-server

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

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).

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

Settings → Developer → Edit Config (claude_desktop_config.json), then restart.

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

Add to .vscode/mcp.json in your workspace.

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

Add to ~/.codeium/windsurf/mcp_config.json.

Configuration

Variable	Required	Secret	Description
CODETOIMAGE_API_KEY	yes	yes	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.

Freshness

Maintained — last maintenance signal 3mo ago. The newest of the signals below sets the band.

Last commit (default branch)
2026-07-11 · 3mo ago · GitHub
Latest release
no data · GitHub
Package published
no data · npm/PyPI
Registry entry updated
2026-07-11 · 3mo ago · official registry · v0.2.0

FAQ

›How do I install the Codetoimage MCP server in Claude Code?

Run: claude mcp add codetoimage -e CODETOIMAGE_API_KEY='<codetoimage-api-key>' -- npx -y @codetoimage/mcp-server. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.

›Does Codetoimage require an API key?

Yes. It expects CODETOIMAGE_API_KEY, of which 1 is a secret.

›Can I use Codetoimage as a remote (hosted) MCP server?

No hosted endpoint is published; it runs locally over stdio.

›Is Codetoimage in the official MCP registry?

Yes, as io.github.beznazwiska/codetoimage-mcp-server.