# HTML/CSS to Image — MCP server on mcp.ai
> Connect your HTML/CSS to Image account and use 10 tools for images and design straight from your AI agent. Connect with your own API key. HTML/CSS to Image converts HTML, CSS, public web pages, and reusable templates into images and PDFs through an API.

By: mcp.ai · official
Page: https://mcp.ai/htmlcss_to_image

## Connect (MCP protocol)
Remote MCP endpoint (HTTP, streamable): https://api.mcp.ai/p_htmlcss_to_image?ms=1787291220000
Add it as a custom/remote MCP connector, then authenticate when prompted.

## REST API (no MCP client required)
Every tool is also a REST endpoint, authed with a workspace API key.
Discover: GET https://api.mcp.ai/api/htmlcss_to_image/_endpoints   # public; lists every endpoint
Call:     POST https://api.mcp.ai/api/htmlcss_to_image/<endpoint>
  Authorization: Bearer sk_live_…   # create one at https://mcp.ai/settings/api-keys
  Content-Type: application/json
  Body: { …args }   →   { "ok": true, "tool": "<id>", "result": { … } }

## Developer docs
How to use (MCP or REST), markdown: https://mcp.ai/htmlcss_to_image/skill.md
Postman collection (v2.1): https://mcp.ai/htmlcss_to_image/postman.json

## Tools
- htmlcss_to_image_create_image(css?: string, url?: string, html?: string, headers?: object, ms_delay?: integer, selector?: string, timezone?: string, media_type?: string, full_screen?: boolean, max_wait_ms?: integer, color_scheme?: string, device_scale?: number, google_fonts?: string[], viewport_width?: integer, viewport_height?: integer, dedupe_duration_s?: integer, render_when_ready?: boolean, block_consent_banners?: boolean, transparent_background?: boolean, additional_header_origins?: string[], include_headers_on_subrequests?: boolean) — Create a hosted image from HTML/CSS or an internet-reachable webpage, including authenticated pages using request headers. Use GET_IMAGE afterward to download, resize, crop, or convert it.
- htmlcss_to_image_create_image_from_template(template_id: string, template_values: object, template_version?: integer) — Create an image from a reusable template using the latest version or an explicitly selected version.
- htmlcss_to_image_create_images_batch(variations: object[], default_options?: object) — Create 1 to 25 hosted images from HTML/CSS or internet-reachable webpages in one request, including authenticated pages using shared or per-image headers. Requires an account plan that supports batch 
- htmlcss_to_image_create_template(css?: string, html: string, name?: string, description?: string, render_options?: object) — Create a reusable Handlebars HTML/CSS image template. WARNING: the template is persistent because the API exposes no delete operation, and a free account can hold only one template.
- htmlcss_to_image_delete_image(image_id: string) — Permanently delete one generated image and clear its HCTI CDN cache. Copies previously written to external storage are not deleted.
- htmlcss_to_image_delete_images_batch(image_ids: string[]) — Permanently delete multiple generated images and clear their HCTI CDN caches. Copies previously written to external storage are not deleted.
- htmlcss_to_image_get_image(dpi?: integer, width?: integer, format?: string, height?: integer, crop_top?: string, image_id: string, x_origin?: string, y_origin?: string, crop_left?: string, crop_right?: string, crop_width?: string, crop_bottom?: string, crop_height?: string, aspect_ratio?: string) — Download a generated image by ID, optionally converting its format, resizing it, or cropping it.
- htmlcss_to_image_get_usage() — Return recent hourly, daily, monthly, and billing-period image usage for the connected account.
- htmlcss_to_image_list_templates() — List reusable image templates owned by the connected account, including their current version, source, and render settings.
- htmlcss_to_image_update_template(css?: string, html: string, name?: string, description?: string, template_id: string, render_options?: object) — Create a new version of an existing template using replacement Handlebars HTML and optional CSS or render settings.

## Example prompts
- "What can I do in HTML/CSS to Image?"
- "Show me a summary of my HTML/CSS to Image account"

## Links
Docs: https://mcp.ai/docs/mcps/htmlcss_to_image
Website: https://mcp.ai/mcps/htmlcss_to_image