HTML/CSS to Image MCP Server: Install & Setup

Install HTML/CSS to Image in Claude Code

Claude Code

claude mcp add --transport http html-css-to-image https://mcp.hcti.io

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

{
  "mcpServers": {
    "html-css-to-image": {
      "url": "https://mcp.hcti.io"
    }
  }
}

Your client opens a browser window to sign in on first use.

Frequently asked questions

What does the HTML/CSS to Image MCP server do?

Capture website screenshots, render HTML/CSS, and make templated graphics as images or PDFs.

Is the HTML/CSS to Image MCP server free?

The server is free, but you will likely need an account. The server itself is free, but it connects to a service that needs an account or API key, which may have paid tiers. Check the provider for current pricing.

Does HTML/CSS to Image run locally or remotely?

Remote. Hosted by the provider. You connect with a URL, nothing to install.

How do I add HTML/CSS to Image to Claude Code?

Run: claude mcp add --transport http html-css-to-image https://mcp.hcti.io

More developer tools MCP servers

View all

InferIndex

Compare LLM API prices across 150+ providers: cheapest offer, price history and cost estimates.

RemoteFree

Hexum

Shrink agent prompts, block forbidden imports without calling a model, and review PRs; zero data retention.

RemoteAccount needed

Ionic Framework MCP Server by Capawesome

Unofficial: search the Ionic Framework docs for v8 and v9, with the component API and usage examples.

RemoteFree

Heard

Cloud agents report progress that Heard speaks on your Mac, and pick up the replies you send back.

RemoteAccount needed

ipvolt Proxy Toolkit

Search proxy setup guides, generate proxy configs and diagnose proxy errors.

RemoteFree

Gopls

hloiseaufcms/mcp-gopls

Go code analysis via gopls, the Go language server.

LocalFreeGo