io.github.beznazwiska/codetoimage-mcp-server
Pixel-perfect HTML/CSS to PNG/JPG/WebP for AI agents — inline image or 24h hosted URL.
Serveur MCP · par beznazwiska
Aperçu
io.github.beznazwiska/codetoimage-mcp-server est un serveur MCP publié par beznazwiska. Places de marché que nous lisons et qui le référencent : 1 (Official MCP Registry). Nous l'avons vu pour la première fois le 2026-10-11 et n'avons enregistré aucun changement depuis. Selon notre passage sur les places de marché du 2026-10-14.
Ce qu'il demande
- S'exécute sur votre machine
- Secrets : 1
- Paramètres : 2
Demande: CODETOIMAGE_API_KEY (secrète)
Ce qu'il déclare, demande et exécute, en détail
N’installez que des plugins de développeurs en qui vous avez confiance. Nous reprenons ce que publient les places de marché et ne testons pas les plugins.
Paquet
npm @codetoimage/mcp-server (@codetoimage/mcp-server sur npm)
- Téléchargements npm par semaine: 34 (2026-10-12)
- Téléchargements npm par mois: 194 (2026-10-12)
- Dernière version sur npm : 0.2.0, publiée le 2026-07-11
- La version déclarée 0.2.0 n'est pas listée sur npm
Les données npm proviennent du registre public npm (registry.npmjs.org, api.npmjs.org). Chaque chiffre est celui du registre et ne s'additionne jamais à un autre. Un registre qui ne publie pas de chiffre n'en affiche aucun : pas de chiffre ne veut pas dire zéro.
Fonctionne avec
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
D'après les marketplaces qui le listent et le transport MCP qu'il déclare, tels que chaque client les documente. Nous ne testons pas les plugins.
Connecter
Commandes et configurations construites uniquement à partir de ce que déclarent ses places de marché. Nous ne les exécutons pas pour vous et ne testons pas les plugins.
En serveur MCP local : paquet npm
Construit à partir de ce que déclare 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>"
}
}
}
}Remplacez les valeurs entre chevrons par les vôtres. Nous montrons les noms des paramètres, jamais de valeurs.
Paramètres facultatifs qu’il indique aussi : CODETOIMAGE_API_URL.
Où il est publié
| Place de marché | Statut | Version | Chiffres | Vérifié | Vu pour la première fois |
|---|---|---|---|---|---|
| Official MCP Registry (Ouvrir la fiche du registre) | Référencé | 0.2.0 | Téléchargements par mois (npm): 194 Téléchargements par semaine (npm): 34 Forks (GitHub): 0 Étoiles (GitHub): 0 |
Non marqué |
Chaque chiffre est celui de la place de marché et n'est jamais additionné entre places de marché. Une place de marché qui ne publie pas de chiffre n'en affiche aucun : pas de nombre ne veut pas dire zéro.
Ce qui a changé
Rien n'a bougé sur ce plugin depuis que nous le suivons.
Plugins similaires
Produits dont les noms, descriptions, outils et skills sont les plus proches de celui-ci par le sens, sur toutes les places de marché que nous lisons. La proximité n'est classée qu'à l'intérieur de cette liste.
-
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.
Plugins similaires par place de marché
La même question posée à chaque place de marché séparément : y a-t-il là un équivalent de ce plugin ?
Référencé sur 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.
Référencé sur 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…
Référencé sur 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…
Référencé sur 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.
Référencé sur 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.
Référencé sur 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.
Référencé sur 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
Référencé sur 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.
Référencé sur 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
Référencé sur 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.
Trouvés par le sens, et non par un code ou un dépôt commun : les plugins similaires restent des produits distincts, et ceci n'est ni un avis ni une recommandation.
C'est votre plugin ?
Ajoutez-le à vos projets et prouvez que vous le maintenez : un fichier dans son dépôt, un fichier sur votre domaine ou un enregistrement DNS. Vous recevez des alertes quand une marketplace le publie, le retire, change sa marque vérifiée ou ce qu'il demande, et son endpoint distant est surveillé comme un service web.
Données issues de Official MCP Registry. Les chiffres proviennent de nos propres passages réguliers sur les places de marché, dernière lecture le . Nous ne publions aucune coordonnée des éditeurs de plugins.