---
title: "html-css-to-image"
description: "Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs, without managing a browser."
canonical: https://agentpluginsdirectory.com/plugins/html-css-to-image
last-updated: 2026-10-21
---

# html-css-to-image
Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs, without managing a browser.
- Slug: html-css-to-image
- Publisher: HTML/CSS to Image
- Repository: https://github.com/htmlcsstoimage/agent-plugins
- Manifest: plugin.json
- Version: 0.2.0
- License: MIT
- Category (editorial): design-frontend
- Skills: 2 (hcti-image-generation, hcti-open-graph-images)
- MCP servers: 1 (hcti)
- Stars: 7
- Repository created: 2026-09-02
- Repository last pushed: 2026-10-20
- Publisher type: Organization
- Listing: https://agentpluginsdirectory.com/plugins/html-css-to-image
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## What html-css-to-image does, in the publisher's words

Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs, without managing a browser.

This repository is a portable Agent Plugin package with client-specific manifests for the hosted HCTI MCP server at https://mcp.hcti.io. Authentication uses HCTI's browser-based OAuth flow; no API key or access token is stored in this repository.

After the plugin is approved for the Awesome Copilot marketplace, install it from Copilot CLI:

- "Create a 1200×630 Open Graph image with this title and color palette."
- "Capture the pricing table on https://example.com/pricing."
- "List my HCTI templates and render the social-card template with this headline."
- "Create five product-card variations with different accent colors."
- HTML/CSS to Image MCP documentation
- GitHub Copilot plugin documentation

From the project README, punctuation lightly normalized. Full text: https://raw.githubusercontent.com/htmlcsstoimage/agent-plugins/HEAD/README.md

## Skills

- hcti-image-generation: Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs, without managing a browser. Use the HCTI MCP tools for screenshots, social cards, Open Graph images, and other browser-rendered graphics. Do not use for editing or interpreting an exis…
- hcti-open-graph-images

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.

## MCP servers

- hcti: transport: streamable-http; url: https://mcp.hcti.io

Read from the plugin's own mcp.json. Environment variable names only, never values.