HTML to Image MCP server

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.

What you can do with the HTML to Image MCP server

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.

Connect HTML to Image to your AI client

Every client uses the same Magic MCP URL, and so does any other MCP client. Add it once and sign in with SSO.

  1. 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.
  2. Add a custom connector. Open Customize, then Connectors. Select Add, then Custom, then Web.
  3. Paste your Metorial MCP URL. Name it Metorial, paste your Magic MCP URL (<your-magic-mcp-url>) and continue.
  4. Sign in. Select Add and sign in to load HTML to Image tools.

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.

More integrations teams use with HTML to Image

Notion

Create, read, update, and archive pages and databases in a Notion workspace. Manage blocks (paragraphs, lists, headings, embeds, etc.) within pages. Query databases with filters and sorts across rich property types including text, numbers, dates, selects, relations, and formulas. Search across pages and databases by title. Add and read comments on pages and blocks. Upload files to pages. Manage workspace users and retrieve user profiles.

Google Sheets

Create, read, and update spreadsheets and their cell data. Read and write values to individual cells, ranges, or multiple ranges using A1 notation or named ranges. Apply cell formatting including text styles, backgrounds, borders, number formats, and conditional formatting. Manage sheets (tabs) within a spreadsheet—add, delete, copy, rename, and reorder them. Create and manage embedded charts, pivot tables, filter views, data validation rules, protected ranges, named ranges, and merged cells. Perform batch operations to apply multiple updates atomically.

Sharepoint

Manage SharePoint sites, document libraries, lists, and files. Create, read, update, and delete lists and list items with custom columns. Resolve site users to numeric Person/Group LookupId values. Upload, download, move, copy, and version files in document libraries. Search across sites, files, folders, lists, and list items using Microsoft Search. Manage permissions at site, list, and item levels with granular access control. Define and manage content types and site columns. Retrieve site properties and search for sites across Microsoft 365.

Google Drive

Upload, download, create, copy, move, rename, trash, and permanently delete files and folders in Google Drive. Search for files using complex queries filtering by name, MIME type, owner, modification date, labels, and other metadata. Share files and folders with specific users, groups, or domains with role-based permissions (owner, writer, commenter, reader). Manage shared drives and their members. Export Google Workspace files (Docs, Sheets, Slides) to standard formats like PDF, DOCX, and XLSX. Track file revision history and restore earlier versions. Create, read, update, and delete threaded comments and replies on files. Read label definitions and search files by label. Browse the Drive apps installed for your account. Store app-specific data in a hidden per-user folder.

Confluence

Create, read, update, and delete pages, blog posts, comments, and attachments in Confluence spaces. Manage spaces, permissions, labels, and content restrictions. Search content using Confluence Query Language (CQL). Upload and download file attachments with versioning. Manage users, groups, and group memberships. Create and manage whiteboards, databases, folders, and templates. View and update inline tasks. Access audit logs.

Google Slides

Create, read, edit, and delete Google Slides presentations. Create and manipulate slides with predefined or custom layouts. Insert, style, and replace text across slides, including bulk placeholder replacement for template-based generation. Add and position shapes, text boxes, lines, and images. Embed and refresh charts linked to Google Sheets. Manage speaker notes, duplicate or reorder slides, and perform batch updates combining multiple operations in a single call. Supports automated report and deck generation using templates with placeholder text and image substitution.

Technical notes for HTML to Image

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.

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.