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 · von beznazwiska
Überblick
io.github.beznazwiska/codetoimage-mcp-server ist ein MCP-Server von beznazwiska. Marktplätze, die wir lesen und die es listen: 1 (Official MCP Registry). Wir haben es erstmals am 2026-10-11 gesehen und seither keine Änderung erfasst. Stand unseres Marktplatz-Durchlaufs vom 2026-10-13.
Was es abfragt
- Läuft auf Ihrem Rechner
- Geheimnisse: 1
- Einstellungen: 2
Erfordert: CODETOIMAGE_API_KEY (geheim)
Was es deklariert, abfragt und ausführt, vollständig
Installieren Sie nur Plugins von Entwicklern, denen Sie vertrauen. Wir zeigen, was die Marktplätze veröffentlichen, und testen keine Plugins.
Paket
npm @codetoimage/mcp-server (@codetoimage/mcp-server auf npm)
- npm-Downloads pro Woche: 34 (2026-10-12)
- npm-Downloads pro Monat: 194 (2026-10-12)
- Neueste Version auf npm: 0.2.0, veröffentlicht am 2026-07-11
- Die angegebene Version 0.2.0 ist auf npm nicht gelistet
Die npm-Angaben stammen aus dem öffentlichen npm-Register (registry.npmjs.org, api.npmjs.org). Jede Zahl gehört ihrem Register und wird nie mit einer anderen addiert. Ein Register, das keine Zahl veröffentlicht, zeigt keine: keine Zahl ist nicht null.
Funktioniert mit
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
Nach den Marktplätzen, die ihn listen, und dem angegebenen MCP-Transport, wie jeder Client sie dokumentiert. Wir testen keine Plugins.
Verbinden
Befehle und Konfigurationen nur aus den Angaben der Marktplätze. Wir führen sie nicht für Sie aus und testen keine Plugins.
Als lokaler MCP-Server: npm-Paket
Erstellt aus den Angaben von Official MCP Registry.
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>"
}
}
}
}Ersetzen Sie die Werte in spitzen Klammern durch Ihre eigenen. Wir zeigen die Namen der Einstellungen, nie Werte.
Weitere optionale Einstellungen laut Marktplatz: CODETOIMAGE_API_URL.
Wo es veröffentlicht ist
| Marktplatz | Status | Version | Zahlen | Verifiziert | Erstmals gesehen |
|---|---|---|---|---|---|
| Official MCP Registry (Eintrag in der Registry öffnen) | Gelistet | 0.2.0 | Downloads pro Monat (npm): 194 Downloads pro Woche (npm): 34 Forks (GitHub): 0 Sterne (GitHub): 0 |
Nicht markiert |
Jede Zahl stammt vom jeweiligen Marktplatz und wird nie über Marktplätze hinweg addiert. Ein Marktplatz ohne veröffentlichte Zahl zeigt keine: keine Zahl ist nicht null.
Was sich geändert hat
Bei diesem Plugin hat sich nichts bewegt, seit wir es beobachten.
Ähnliche Plugins
Produkte, deren eigene Namen, Beschreibungen, Werkzeuge und Skills diesem der Bedeutung nach am nächsten sind, auf allen Marktplätzen, die wir lesen. Die Nähe ist nur innerhalb dieser Liste geordnet.
-
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.
Ähnliche Plugins nach Marktplatz
Dieselbe Frage an jeden Marktplatz einzeln: Gibt es dort ein Gegenstück zu diesem Plugin?
Gelistet auf 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.
Gelistet auf 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…
Gelistet auf 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…
Gelistet auf 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.
Gelistet auf Community GitHub marketplaces (5)
-
tools-mcp io.github.First-CH/tools-mcp
MCP tools: WCAG contrast, JP char/X-weight count, WebP convert, JSON-LD, llms.txt.
-
vision-squeezer io.github.eralpozcan/vision-squeezer
Shrink images to a token budget for vision LLM agents and pipelines. Not for chat-pasted images.
-
slimsnap io.github.bickov/slimsnap
Your recent screen captures as structured JSON your AI agent can read. Local only, no network.
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
Make App Store and Google Play screenshots from your app: capture, caption, and open an editable set in appdesigns.
Gelistet auf 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.
Gelistet auf 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
Gelistet auf 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.
Gelistet auf 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
Gelistet auf 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.
Nach Bedeutung gefunden, nicht über gemeinsamen Code oder ein gemeinsames Repository: Ähnliche Plugins bleiben getrennte Produkte, und dies ist weder eine Bewertung noch eine Empfehlung.
Ist das Ihr Plugin?
Fügen Sie es Ihren Projekten hinzu und belegen Sie, dass Sie es pflegen: mit einer Datei im Repository, einer Datei auf Ihrer Domain oder einem DNS-Eintrag. Sie erhalten Hinweise, wenn ein Marktplatz es aufnimmt, entfernt, sein Verified-Zeichen oder seine Anforderungen ändert, und sein Remote-Endpunkt wird wie ein Webdienst überwacht.
Daten von Official MCP Registry. Die Zahlen stammen aus unseren eigenen regelmäßigen Durchläufen über die Marktplätze, zuletzt abgerufen am . Kontaktdaten von Plugin-Herausgebern veröffentlichen wir nicht.