HTML/CSS to Image
An MCP server for generating images from HTML & CSS or screenshots of URLs using htmlcsstoimage.com.
Ads
Overview
Generate images with AI assistants using the Model Context Protocol. The MCP server is a new feature. We’d love to hear your feedback! Send us an email at support@htmlcsstoimage.com. The Model Context Protocol (MCP) is an open standard that allows AI assistants to connect to external tools and services. With our MCP server, you can generate images directly from your AI coding assistant without writing any code. Simply describe what you want, and the AI will use the HTML/CSS to Image API to create it for you.
Installation
claude mcp add hcti --transport http https://mcp.hcti.io
Configuration
{
"mcpServers": {
"hcti": {
"type": "http",
"url": "https://mcp.hcti.io"
}
}
}Capabilities
- Generate images from HTML/CSS
Ask your assistant to render custom HTML and CSS into an image via `create_image`, with control over viewport, scale, delay, and format.
- Screenshot any public URL
Use `create_url_image` to capture a webpage or specific element, with options for selectors, viewport settings, and cookie banner blocking.
- Create templated images
Generate images from saved templates by passing a `template_id` and `template_values` to `create_templated_image` for variable substitution.
- Batch generate multiple images
Create up to 25 image variations in one request using `create_batch_images`, with shared defaults and per-image variations.
- Manage reusable templates
Save, update, and list templates with `create_template`, `update_template`, and `list_templates` for consistent, repeatable image designs.
Tags
- design-to-code
- file-conversion
- browser-automation
- media
Related MCP servers
Context7 MCP
OfficialOfficial Context7 MCP server that brings up-to-date, version-specific library documentation and code examples into AI coding prompts.
Chrome DevTools MCP
OfficialOfficial Chrome DevTools MCP server for controlling and inspecting a live Chrome browser from coding agents such as Gemini, Claude, Cursor, and Copilot.
Mastra/mcp
OfficialClient implementation for Mastra, providing seamless integration with MCP-compatible AI models and tools.
GitHub MCP Server
OfficialConnect your AI assistant to GitHub repositories, issues, pull requests, and search.