Connect HTML to Image to AI agents

Connect HTML to Image to Claude, Codex, Cursor, or other AI agents for your entire team. Metorial security, governance, observability, and gives your team a unified Magic MCP url to connect.

Supported Tools

update_template

Update Template

Update an existing image template. Editing a template creates a new version, so previous versions remain available. When generating images, the latest version is used by default unless a specific version is targeted.

delete_images

Delete Images

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 all image templates on your account, or list all 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 image metadata including URLs, creation dates, and rendering parameters.

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 permanent, CDN-cached image URL.

More integrations teams use with HTML to Image

Sharepoint

Manage SharePoint sites, document libraries, lists, and files. Create, read, update, and delete lists and list items with custom columns. 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. Subscribe to webhooks for list and library change notifications. Retrieve site properties and search for sites across Microsoft 365.

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. Listen for webhooks on page, blog, comment, attachment, space, label, and user events.

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. Receive real-time webhook notifications for page changes, new pages, comments, and database schema updates.

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. Monitor spreadsheet changes via Google Drive push notifications.

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. Apply and read custom labels on files. Monitor file and folder changes via push notifications or webhook subscriptions. Store app-specific data in a hidden per-user folder.

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

Convert HTML/CSS markup and public URLs into images (PNG, JPEG, WebP) and PDFs. Generate screenshots of webpages, create dynamic images from reusable templates with Handlebars variable substitution, and manage generated images. Supports Google Fonts, custom viewport dimensions, device scale, render delays, CSS selector cropping, on-the-fly image resizing, and signed URLs for social sharing (og:image, twitter:image). Images are permanently hosted and CDN-cached.

Connect HTML to Image to production AI agents

See how Metorial gives HTML to Image access the governance, tracing, and security controls teams need.

Frequently asked questions

Common questions about connecting HTML to Image to AI agents with Metorial.

  1. Can Metorial connect HTML to Image to AI agents?
    Yes. Metorial connects AI agents to HTML to Image through a governed integration layer, so teams can use the provider while keeping access controlled and observable.
  2. Metorial is MCP compatible and lets teams expose approved provider tools to MCP-capable agents and clients through a controlled access layer.
  3. Metorial applies policies across users, groups, providers, agents, and individual tools, then records the context around every agent interaction.
  4. Yes. Metorial records provider activity so teams can inspect tool calls, troubleshoot integrations, and give security teams the visibility they need.