What file formats can I generate?

You can generate images in PNG, JPG, and WebP formats, as well as PDF files.

How many images can I create at once?

The batch processing capability allows you to create or delete up to 25 images in a single request.

Can I use custom fonts in my images?

Yes, you can use Google Fonts to style your HTML/CSS before rendering.

How do I check how many images I have left in my plan?

You can use the get_usage capability to check your current account usage.

Can I capture only a specific part of a webpage?

Yes, you can use CSS selectors to crop the screenshot to a specific element.

Can I capture just a specific element of a webpage instead of the whole page?

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

How do I generate multiple images at once for a bulk project?

You can use the batch_create_images capability. It allows you to send an array of variations and optional default settings to generate up to 25 images in a single API call.

How can I check my remaining API credits and usage?

Simply run the get_usage capability. It will return your current account statistics, including total images generated and your remaining balance.

An astronaut overseeing a futuristic data hub

Download PDF Markdown Version

Connect HTMLCSSToImage to ChatGPT, Claude and Gemini

Set it up once and it works in ChatGPT, Claude, Cursor, and any other client you love. It all runs safely in the background, so you can relax and focus on what really matters. Generate high-quality screenshots and PDFs directly from your AI agent.

Ask AI about this Connector

Developed, maintained, and hosted by Vinkius.

MCP VERIFIED · PRODUCTION READY · VINKIUS GUARANTEED

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

Your AI does the work. We keep it safe and sound.

No other AI tool gives you this. Your workflow runs in the client you already love, your account stays protected, and you decide what the agent can and cannot do. It is the whole reason to make the switch.

Each Connector lives inside our infrastructure, the same place where your workflow runs. The three things below are already part of it, working quietly in the background so you never have to think about them. Nothing to add, nothing to set up, nothing to worry about.

V8 Isolate01

Each Connector runs inside its own sealed environment.

Each Connector runs inside its own sealed V8 runtime — no access to your files, your system, or other servers. A Connector never sees past its own request.

Kill Switch02

One switch stops every agent. Instantly.

One action deactivates every Connector, revokes every token, and ends every session at once. AI Governance keeps the record.

FinOps per User03

Spending limits that pause instead of surprise.

Every user keeps their own connections and credentials, isolated from everyone else. Anything that would cross your spending limit is held for your approval, not billed.

Three controls, built into the layer your AI connects through.

Curated set · 10 capabilities

We ship only the actions that matter.

Capability set01 / 03

01-04

4 capabilities in this set.

Part of 10 available through HTMLCSSToImage.

01
Edit template
Modify an existing image template to change its structure or style.
02
Get usage
Check your current account usage to track how many images you have generated.
03
Create image from template
Generate a new image using a previously defined template.
04
Batch create images
Create up to 25 images at once in a single request for bulk tasks.

Capability set02 / 03

05-07

3 capabilities in this set.

Part of 10 available through HTMLCSSToImage.

05
Batch delete images
Remove multiple images from your account simultaneously.
06
Create image
Turn HTML/CSS snippets or a specific URL into a visual file.
07
Create template
Build a reusable template that can be used for dynamic image generation.

Capability set03 / 03

08-10

3 capabilities in this set.

Part of 10 available through HTMLCSSToImage.

08
Delete image
Permanently remove a specific generated image.
09
Get image
Retrieve a generated image file or its metadata, with options for cropping and resizing.
10
List images
View a list of all images you have generated.

Real work

What teams actually run

Social Media Automation

Your agent generates custom Open Graph images for blog posts or articles.

Automated Reporting

Turn data-driven HTML tables into clean PDF or image reports.

Web Monitoring

Capture screenshots of specific website elements to track visual changes.

Personalized Marketing

Use templates to create hundreds of unique banners with different text or colors.

Automate a task

Put HTMLCSSToImage to work on one thing.

Step-by-step automations your AI runs through this Connector: the workflow, the prompts to start with, and the exact capabilities behind each move.

One connector, every AI

HTMLCSSToImage works with the most popular AI clients.

These are the most popular clients, each with a step-by-step guide: one link, set up once, with governance and visibility built in. And because everything runs on the MCP standard, the same connection also works in any other compatible client — nothing to rebuild.

Building your own app? The connector is yours to use.

You don't need a client to put HTMLCSSToImage to work: the same hosted connection plugs into your own applications and agent code, with the same governance on every request. Build with it, chat with it — one connection for both.

Observed, not estimated

1055ms average. Fast in production.

HTMLCSSToImage is checked daily against the live service.

Daily averagePeak 1241ms

Oct 3Today

Fastest day: 733ms
Slowest day: 1241ms
14-day trend: Improving-10%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 10 capabilities arrive ready to run.

Preview access · not provider authentication

The vk_preview_* token belongs to Vinkius preview infrastructure. It lets Claude discover and display the capabilities of HTMLCSSToImage, so you can see the experience inside your AI.

It does not authenticate your account with HTMLCSSToImage. Actions requiring credentials or live account data may not run until you activate the Connector and authorize the service.

HTMLCSSToImage Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_cWFla7AzDcZkKnxOmiEiAXeQ9H43RVjsf87dE7Yo/mcp

Claude Desktop

Follow the steps below to connect in seconds.

1In Claude Desktop, open Settings → Connectors.
2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3Click Add and start a new chat — HTMLCSSToImage capabilities are ready to use.

Configuration · claude_desktop_config.jsonCopy

{
  "mcpServers": {
    "htmlcsstoimage-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_cWFla7AzDcZkKnxOmiEiAXeQ9H43RVjsf87dE7Yo/mcp"
    }
  }
}

Claude
ChatGPT
Cursor
VS Code
Windsurf
Claude Code
JetBrains
Cline

Step-by-step instructions for each client are in the guide. How to connect

Guided setup for Claude? Set up HTMLCSSToImage in Claude and other AIs

See all the AI clients this connector works with ↑

Who it's for

Built for the work HTMLCSSToImage owners hand off.

This MCP is built for technical users who need to automate the production of visual assets from web code.

01
Developers
Automate Open Graph images, dynamic reports, or UI mockups.
02
Marketers
Generate personalized banners and email visuals at scale.
03
Content Creators
Turn code or web data into shareable assets without leaving the chat.

FAQ

Questions HTMLCSSToImage owners ask.

01
What file formats can I generate?
You can generate images in PNG, JPG, and WebP formats, as well as PDF files.
02
How many images can I create at once?
The batch processing capability allows you to create or delete up to 25 images in a single request.
03
Can I use custom fonts in my images?
Yes, you can use Google Fonts to style your HTML/CSS before rendering.
04
How do I check how many images I have left in my plan?
You can use the get_usage capability to check your current account usage.
05
Can I capture only a specific part of a webpage?
Yes, you can use CSS selectors to crop the screenshot to a specific element.
06
Can I capture just a specific element of a webpage instead of the whole page?
Yes! Use the create_image capability and provide a CSS selector. The API will find that specific element and crop the resulting image to its dimensions.
07
How do I generate multiple images at once for a bulk project?
You can use the batch_create_images capability. It allows you to send an array of variations and optional default settings to generate up to 25 images in a single API call.
08
How can I check my remaining API credits and usage?
Simply run the get_usage capability. It will return your current account statistics, including total images generated and your remaining balance.

Explore

More in Developer Tools

Connect HTMLCSSToImage to Claude, Cursor, ChatGPT & more

Your AI does the work. We keep it safe and sound.

Each Connector runs inside its own sealed environment.

One switch stops every agent. Instantly.

Spending limits that pause instead of surprise.

We ship only the actions that matter.

01-04

Edit template

Get usage

Create image from template

Batch create images

05-07

Batch delete images

Create image

Create template

08-10

Delete image

Get image

List images

What teams actually run

Social Media Automation

Automated Reporting

Web Monitoring

Personalized Marketing

Building your own app? The connector is yours to use.

HTMLCSSToImage Connector

Claude Desktop

Developers

Marketers

Content Creators

What file formats can I generate?

How many images can I create at once?

Can I use custom fonts in my images?

How do I check how many images I have left in my plan?

Can I capture only a specific part of a webpage?

Can I capture just a specific element of a webpage instead of the whole page?

How do I generate multiple images at once for a bulk project?

How can I check my remaining API credits and usage?

Pdfcrowd AI Connector

Pdfcrowd AI Connector

cloudlayer.io AI Connector

Ideogram (AI Image Generation) AI Connector

Suggestions

Kling AI (Generative Video & Image) AI Connector

ScreenshotOne AI Connector

PDF Munk AI Connector

PDFShift AI Connector