io.github.beznazwiska/codetoimage-mcp-server
Pixel-perfect HTML/CSS to PNG/JPG/WebP for AI agents — inline image or 24h hosted URL.
MCP server · by beznazwiska
About
io.github.beznazwiska/codetoimage-mcp-server is an MCP server published by beznazwiska. Marketplaces we read that list it: 1 (Official MCP Registry). We first saw it on 2026-10-11 and have recorded no change since. As of our marketplace pass on 2026-10-13.
What it asks for
- Runs on your machine
- Secrets: 1
- Settings: 2
Requires: CODETOIMAGE_API_KEY (secret)
What it declares, asks for and runs, in full
Only install plugins from developers you trust. We list what marketplaces publish and do not test plugins.
Package
npm @codetoimage/mcp-server (@codetoimage/mcp-server on npm)
- npm downloads/week: 34 (2026-10-12)
- npm downloads/month: 194 (2026-10-12)
- Latest version on npm: 0.2.0, published 2026-07-11
- Declared version 0.2.0 is not listed on npm
npm facts come from the public npm registry (registry.npmjs.org, api.npmjs.org). Each figure is the registry's own and is never added to another. A registry that publishes no figure shows none: no number is not zero.
Works with
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
From the marketplaces that list it and the MCP transport it declares, as each client documents them. We do not test plugins.
Connect
Commands and configs built only from what its marketplaces declare. We do not run them for you and do not test plugins.
As a local MCP server: npm package
Built from what Official MCP Registry declares.
claude mcp add --env "CODETOIMAGE_API_KEY=<YOUR_CODETOIMAGE_API_KEY>" --transport stdio codetoimage-mcp-server -- npx -y @codetoimage/mcp-server[mcp_servers.codetoimage-mcp-server]
command = "npx"
args = ["-y", "@codetoimage/mcp-server"]
[mcp_servers.codetoimage-mcp-server.env]
CODETOIMAGE_API_KEY = "<YOUR_CODETOIMAGE_API_KEY>"{
"mcpServers": {
"codetoimage-mcp-server": {
"command": "npx",
"args": [
"-y",
"@codetoimage/mcp-server"
],
"env": {
"CODETOIMAGE_API_KEY": "<YOUR_CODETOIMAGE_API_KEY>"
}
}
}
}Replace the values in angle brackets with your own. We show the names of the settings, never values.
Optional settings it also lists: CODETOIMAGE_API_URL.
Where it is published
| Marketplace | Status | Version | Figures | Verified | First seen |
|---|---|---|---|---|---|
| Official MCP Registry (Open the registry record) | Listed | 0.2.0 | Downloads/month (npm): 194 Downloads/week (npm): 34 Forks (GitHub): 0 Stars (GitHub): 0 |
Not marked |
Each figure is the marketplace's own and is never added up across marketplaces. A marketplace that publishes no figure shows none: no number is not zero.
What changed
Nothing has moved on this plugin since we started watching it.
Similar plugins
Products whose own names, descriptions, tools and skills are closest in meaning to this one, on every marketplace we read. Closeness is ranked within this list only.
-
Render HTML and CSS to PNG images over HTTP. Send HTML and CSS and get a PNG back.
-
propzapi io.github.paperandbeyond23-gif/propzapi
Render-and-verify API: HTML/CSS to image or PDF, screenshot any URL, confirm the text rendered.
-
shotbot-mcp net.shotbot/shotbot-mcp
Screenshot API for AI agents: capture any public URL as JPEG, PNG, WebP, AVIF, or PDF.
-
Generate images and PDFs from HTML/CSS, live websites, and reusable templates.
-
Render HTML or templates to a hosted PNG or PDF, in one response. Free previews need no API key.
-
screenshot com.apiscreenshot/screenshot
Screenshot any URL/HTML as PNG/JPEG/WebP, or read it as clean Markdown/text for LLMs.
-
Shotpipe — Screenshots & OG Images
Screenshot any URL and see it, or mint a social card — hosted, SSRF-safe, cached. No Chrome to run.
-
mcp io.github.pictify-io/mcp
Generate images, GIFs, videos, and PDFs from HTML, URLs, or templates — from your AI agent.
-
shotanvil com.shotanvil.api/shotanvil
Screenshot/PDF/HTML rendering API. API key or x402 required — keyless access disabled.
-
screenshotty io.github.nihey/screenshotty
Capture web pages as screenshots (returned inline) or PDFs via the Screenshotty API.
Similar plugins by marketplace
The same question asked of one marketplace at a time: is there an analog of this plugin there?
Has a listing on Claude Code: claude-plugins-community (5)
-
Publish any HTML file as a live link instantly via host-html.com. Includes /host-html and /host-pdf.
-
Use Cloudinary directly in Claude. Manage assets, apply transformations, optimize media, and more through natural conversation.
-
Automate App Store and Play Store screenshot creation for Expo/React Native apps. Full pipeline: capture via Maestro, add device frames with fastlane, composite marketing overlays…
-
Give Claude Code the ability to see running web applications. Visual Eyes captures screenshots via Playwright, lets Claude analyze the UI visually, auto-fix layout bugs, and run…
-
Convert HTML, Markdown, and XML documents to high-quality PDF using the Prince formatting engine.
Has a listing on Claude Code: claude-plugins-official (5)
-
Use Cloudinary directly in Claude. Manage assets, apply transformations, optimize media, and more through natural conversation.
-
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional…
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
-
Give Claude a real browser — your Chrome or a Browser Use Cloud browser. Use it whenever a task involves a website or web app: browsing, scraping and data extraction, filling…
Has a listing on Claude: knowledge-work-plugins (5)
-
Use Cloudinary directly in Claude. Manage assets, apply transformations, optimize media, and more through natural conversation.
-
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional…
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
-
Give Claude a real browser — your Chrome or a Browser Use Cloud browser. Use it whenever a task involves a website or web app: browsing, scraping and data extraction, filling…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
Has a listing on Codex: openai-curated (openai/plugins) (5)
-
Adobe unlocks more ways to create and get work done from the conversation. Previously available as Photoshop, the Adobe connector now brings creativity and productivity…
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…
-
Write HTML, render video. Compositions, GSAP animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
Has a listing on Community GitHub marketplaces (5)
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
-
Browser automation and web page analysis skills using playwright-cli: connect via CDP, probe bot protection, dismiss overlays, capture DOM trees, reduce pages to skeletons…
-
Give Claude a real browser — your Chrome or a Browser Use Cloud browser. Use it whenever a task involves a website or web app: browsing, scraping and data extraction, filling…
-
1,000+ conversion routes plus translate, extract tables, compress. 25 free/month, then a free key.
-
Discover, compose, run, publish, and save Adobe Firefly workflows through the run-workflow MCP server, including predefined featured workflows for common marketing and production…
Has a listing on Copilot CLI: github/awesome-copilot (5)
-
Generate images using AI directly from your coding workflow. Supports OpenAI (gpt-image-2) and Google Gemini. BYO API key — the skill guides you through setup on first use.
-
Interactive GitHub Copilot app canvas extension for building Animated PNG (APNG) files from frames. Draw or upload frames, tune per-frame timing and compositing, preview live…
-
Capture, annotate, and embed screenshots and animated GIF demos in pull request descriptions. Includes Playwright-based UI capture, PIL image annotations, PR embedding workflows…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Opens a real Chromium window you can navigate and interact with from a Copilot canvas control panel and agent actions.
Has a listing on Copilot CLI: github/copilot-plugins (5)
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
mobile-app
Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors
Has a listing on Cursor: cursor/plugins (5)
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
-
Render documentation as a navigable canvas.
-
Generate presentations, documents, and webpages.
-
Browse and automate the web with TinyFish: run multi-step web automations, search the web, extract clean page content, and drive remote stealth browser sessions.
-
Render PR diffs as review canvases grouped by importance.
Has a listing on Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
Official Model Context Protocol server for Gyazo.
-
mcp-server-browserbase io.github.browserbase/mcp-server-browserbase
MCP server for AI web browser automation using Browserbase and Stagehand
-
Image generation server using EverArt's API.
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
Has a listing on Official MCP Registry (5)
-
Render HTML and CSS to PNG images over HTTP. Send HTML and CSS and get a PNG back.
-
propzapi io.github.paperandbeyond23-gif/propzapi
Render-and-verify API: HTML/CSS to image or PDF, screenshot any URL, confirm the text rendered.
-
shotbot-mcp net.shotbot/shotbot-mcp
Screenshot API for AI agents: capture any public URL as JPEG, PNG, WebP, AVIF, or PDF.
-
Generate images and PDFs from HTML/CSS, live websites, and reusable templates.
-
Render HTML or templates to a hosted PNG or PDF, in one response. Free previews need no API key.
Found by meaning, not by shared code or a shared repository: similar plugins stay separate products, and this is not a review or a recommendation.
Is this your plugin?
Add it to your projects and prove you maintain it with a file in its repository, a file on your domain or a DNS record. You get alerts when a marketplace lists it, drops it, changes its verified mark or what it asks for, and its remote endpoint goes on monitoring as a web service.
Data comes from the Official MCP Registry (registry.modelcontextprotocol.io), CC0 1.0. Figures come from our own regular passes over the marketplaces, last read on . We publish no contact details for plugin publishers.