Connect HTML to Image to Claude, ChatGPT, Cursor, Claude Code, Codex, Gemini, GitHub Copilot and any other MCP client, for your whole team. Metorial adds security, governance, and tracing, and gives everyone one Magic MCP URL to connect.
Ask your agent in plain language. Each of these maps to a real tool on the server.
Use the update template tool in HTML to Image
Use the delete images tool in HTML to Image
Use the generate image from template tool in HTML to Image
Use the create template tool in HTML to Image
Use the list templates tool in HTML to Image
Use the list images tool in HTML to Image
Supported Tools
update_template
Update Template
Update an existing image template. Editing a template updates an unused latest version or creates a new version after it has been rendered. When generating images, the latest version is used by default unless a specific version is targeted.
delete_images
Delete Images
DEPRECATED — use `request_image_deletion` instead. Permanently delete one or more generated images. Removes the images from servers and clears CDN caching. This action **cannot be undone**.
generate_image_from_template
Generate Image from Template
Generate an image using a pre-defined template with dynamic variable substitution. Templates use Handlebars syntax (e.g., `{{title_text}}`) for placeholders. Provide template values to fill in the variables and produce a customized image. Useful for generating dynamic social sharing images, certificates, badges, and other templated visuals.
create_template
Create Template
Create a reusable image template with Handlebars variable placeholders. Templates allow you to define HTML that includes variables like `{{title_text}}` which can be substituted with dynamic values when generating images. Useful for creating consistent image layouts for social sharing, certificates, and other dynamic visuals.
list_templates
List Templates
Retrieve a page of image templates on your account, or a page of versions of a specific template. Returns template metadata including HTML, CSS, rendering configuration, and usage counts.
list_images
List Images
Retrieve a list of all images previously generated by your account. Returns one page of image metadata and the cursor for the next page. Legacy page numbers are resolved by following cursors from the first page.
generate_image
Generate Image
Generate an image from HTML/CSS markup. Provide HTML content with optional CSS styling to render a pixel-perfect image using the Chrome rendering engine. Supports Google Fonts, custom viewport dimensions, device scaling, render delays, and CSS selector cropping. Returns a hosted image URL and a downloadable file.
download_image
Download Image
Prepare a previously generated image as a downloadable PNG, JPG, WebP, or PDF. Optionally resize the image. Uses the existing image without creating another image or consuming render credits.
request_image_deletion
Request Image Deletion
Request permanent deletion of one or more generated images. Reports that the provider accepted the request, together with the requested IDs. Acceptance does not confirm how many images were deleted.
get_usage
Get Usage History
Retrieve image usage by hour, day, month, and billing period. Requires usage:read. Calendar series overlap, so do not add them together. This endpoint does not report the current allowance or maximum batch size.
Enable HTML to Image in Metorial. In your Metorial portal, enable the HTML to Image MCP server and sign in with the account that owns the data. Access stays governed by your team policies.
Add a custom connector. Open Customize, then Connectors. Select Add, then Custom, then Web.
Paste your Metorial MCP URL. Name it Metorial, paste your Magic MCP URL (<your-magic-mcp-url>) and continue.
Sign in. Select Add and sign in to load HTML to Image tools.
Enable HTML to Image in Metorial. In your Metorial portal, enable the HTML to Image MCP server and sign in with the account that owns the data. Access stays governed by your team policies.
Add a custom MCP server. On ChatGPT web, open Plugins, select +, then Add custom MCP server.
Paste your Metorial MCP URL. Name it Metorial, paste your Magic MCP URL (<your-magic-mcp-url>), choose OAuth and accept the risk notice.
Create and install the plugin. Select Create as a plugin, install it and sign in to load HTML to Image tools.
Enable HTML to Image in Metorial. In your Metorial portal, enable the HTML to Image MCP server and sign in with the account that owns the data. Access stays governed by your team policies.
Add Metorial to your MCP config. Use ~/.cursor/mcp.json for every project, or .cursor/mcp.json for one.
Sign in. Open Customize in the sidebar, find Metorial and sign in to load HTML to Image tools.
{
"mcpServers":{
"metorial":{
"url":"<your-magic-mcp-url>"
}
}
}
Enable HTML to Image in Metorial. In your Metorial portal, enable the HTML to Image MCP server and sign in with the account that owns the data. Access stays governed by your team policies.
Add the server over HTTP. Add --scope user to use it in every project.
Sign in. Run /mcp, select Metorial and sign in to load HTML to Image tools.
claude mcp add --transport http metorial <your-magic-mcp-url>
Enable HTML to Image in Metorial. In your Metorial portal, enable the HTML to Image MCP server and sign in with the account that owns the data. Access stays governed by your team policies.
Add the server and sign in. The Codex CLI, IDE extension and ChatGPT desktop app share this config.
Check the connection. Type /mcp in Codex to see Metorial and its HTML to Image tools.
codex mcp add metorial --url <your-magic-mcp-url>
codex mcp login metorial
Run HTML to Image through the Metorial gateway
One governed layer for every app your agents reach, not a separate connector per tool.
Give HTML to Image and every other app to your whole team through one MCP gateway, behind your SSO.
Scope which teams and agents can use HTML to Image tools with role-based access control, and trace every call.
Prefer to run it yourself? Metorial is open source and self-hostable.
Generate downloadable images and PDFs from HTML/CSS, public webpages, and saved templates. Browse generated images, download existing files with resizing, manage templates and versions, delete images, and inspect image usage history.
Frequently asked questions
Common questions about connecting HTML to Image to AI agents with Metorial.
How many tools does the HTML to Image MCP server have?
The HTML to Image MCP server exposes 10 tools, including Update Template, Delete Images, Generate Image from Template. Each one is governed and traced through Metorial.
Does the HTML to Image MCP server support triggers?
HTML to Image exposes tools your agents call on demand; it does not publish event triggers yet. Everything still runs through one governed MCP URL.
Which AI clients can use the HTML to Image MCP server?
Any MCP client, including VS Code, Windsurf, Zed, OpenCode and Grok. Each one reaches the HTML to Image MCP server through the same Metorial URL.
How do I give only some teams access to HTML to Image?
Use role-based access control to decide which teams, users, and agents can use HTML to Image and which of its tools they can call.
Can I self-host the HTML to Image MCP server?
Yes. Metorial is open source, so you can run the HTML to Image MCP server yourself or use the hosted gateway.
Connect HTML to Image to production AI agents
See how Metorial gives your team governed access to HTML to Image, with tracing and security controls built in.