Download PDFMarkdown Version
ClaudeChatGPTPerplexityGeminiMicrosoft CopilotRaycastMeta AIGrokZ.aiQwenKimi
DeepSeekMistralCursorVS CodeWindsurfJetBrainsClineLovableVercel AI SDKLangChain

Use HTMLCSSToImage with your AI.

Connect your account once and let the AI you already use work with it, without building another integration. Generate high-quality images and PDFs from HTML/CSS or URLs directly from your AI agent.

Included with plan

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.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Complete set · 10 capabilities

The complete HTMLCSSToImage capability set.

These are the exact actions your AI can choose when you ask it to work with HTMLCSSToImage.

Capability set01 / 03

01-04

4 capabilities in this set.

Part of 10 available through HTMLCSSToImage.

  1. 01

    Edit template

    Edit an existing image template

  2. 02

    Get usage

    Check account usage

  3. 03

    Create image from template

    Create an image from a template

  4. 04

    Batch create images

    Create up to 25 images in one request

Capability set02 / 03

05-07

3 capabilities in this set.

Part of 10 available through HTMLCSSToImage.

  1. 05

    Batch delete images

    Delete multiple images at once

  2. 06

    Create image

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

  3. 07

    Create template

    Create a reusable image template

Capability set03 / 03

08-10

3 capabilities in this set.

Part of 10 available through HTMLCSSToImage.

  1. 08

    Delete image

    Permanently remove an image

  2. 09

    Get image

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

  3. 10

    List images

    List generated images

Observed, not estimated

950ms average. Fast in production.

HTMLCSSToImage is checked daily against the live service.

Daily averagePeak 1106ms
Aug 20Today
Fastest day
829ms
Slowest day
1106ms
14-day trend
Slowing+7%

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.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 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

FAQ

Questions HTMLCSSToImage owners ask.

  • 01

    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.

  • 02

    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.

  • 03

    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

Suggestions