MCP For Claude Marketplace
HTMLCSSToImage

HTMLCSSToImage MCP Connector for Claude

F

Generate high-quality images and PDFs from HTML/CSS or URLs directly from your AI agent.

10 tools Official Updated Jun 28, 2026 Official Vinkius Partner
More Details Connect to Claude

Connect HTMLCSSToImage to your AI agent to automate visual content creation. Convert code snippets or live websites into PNG, JPG, WebP, or PDF files using a simple and powerful API.

What you can do

  • HTML to Image — Render custom HTML and CSS snippets into pixel-perfect images instantly.
  • URL Screenshots — Capture full-page or element-specific screenshots from any public URL with browser-grade precision.
  • Template Management — Create, edit, and use reusable templates to generate dynamic images with variable data.
  • Batch Processing — Generate or delete up to 25 images in a single request for high-volume automated workflows.
  • Advanced Customization — Control viewports, device scaling, Google Fonts, dark mode, and specific CSS selectors for cropping.

How it works

  1. Subscribe to this server
  2. Enter your HCTI User ID and API Key
  3. Start generating visuals from Claude, Cursor, or any MCP-compatible client

Who is this for?

  • Developers — Automate the creation of social sharing images (Open Graph), dynamic reports, or UI mockups.
  • Marketers — Generate personalized banners, email visuals, and promotional content at scale.
  • Content Creators — Turn code snippets or web data into shareable visual assets without leaving your chat interface.
html-to-imagepdf-generationautomationscreenshotsrenderingapi-integration

10 tools expose this connector's capabilities to your AI agent.

batch_create_images

Create up to 25 images in one request

batch_delete_images

Delete multiple images at once

create_image_from_template

Create an image from a template

create_image

Either html or url is required. Create an image from HTML/CSS or a URL

create_template

Create a reusable image template

delete_image

Permanently remove an image

edit_template

Edit an existing image template

get_image

Can apply cropping and resizing via query parameters. Retrieve a generated image file or its metadata

get_usage

Check account usage

list_images

List generated images

See how to talk to your AI agent using HTMLCSSToImage.

Create a PNG image from this HTML: <h1 style='color: blue;'>Hello MCP</h1>

I've generated your image. You can view it here: https://hcti.io/v1/image/example_id.png

Take a full-page screenshot of https://github.com/trending

Capturing the full page... Done! Here is the link to your screenshot of GitHub Trending.

Show me my current API usage for HTMLCSSToImage.

You have used 150 out of 1000 images this month. Your account is in good standing.

Yes! Use the `create_image` tool and provide a CSS `selector`. The API will find that specific element and crop the resulting image to its dimensions.

Related Connectors

LO

Lob MCP

9 tools Official

Send physical mail programmatically with an API for postcards, letters, and checks that integrates into your digital workflows.

A+ View details →
PO

PMC Open Access (PubMed Central) MCP

8 tools Official

Access millions of open-access biomedical and life sciences research articles. Search metadata, convert IDs, and discover full-text resources.

F View details →
DT

Deterministic Text Summarizer & Extractor MCP

3 tools Official

Equip your AI with pure Term Frequency (TF) text analysis. Deterministically extract keywords, bigrams, and generate extractive summaries without external API calls.

A+ View details →
KN

Knorish MCP

12 tools Official

Launch your online school and sell courses with a platform that bundles LMS, website builder, and payment processing together.

A+ View details →