html-css-to-image

v0.2.0

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

CodexClaude CodeAgent Plugins2 Skills1 MCP serverStreamable HTTP

By HTML/CSS to ImageLicense: MIT7 GitHub starsUpdated 2 days ago

Directory evidence

Runtimes: Codex, Claude Code, and Agent Plugins
Parsed components: 3 skill or MCP entries
Source updated: Sep 21, 2026
Manifest status: Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install html-css-to-image for Codex and Claude Code

Installs for the current user

codex plugin marketplace add IchenDEV/agent-plugin-mkt
codex plugin marketplace upgrade agent-plugin-marketplace
codex plugin add html-css-to-image@agent-plugin-marketplace

Paste and run these commands in a terminal with Codex. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually

$ git clone https://github.com/htmlcsstoimage/agent-plugins

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.

Plugin files

html-css-to-image/

├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── plugin.json
├── skills/hcti-image-generation/SKILL.md
├── skills/hcti-open-graph-images/SKILL.md
└── .mcp.json

Included Skills2

hcti-image-generationskills/hcti-image-generation/SKILL.md

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 existing image.

hcti-open-graph-imagesskills/hcti-open-graph-images/SKILL.md

Create and implement HCTI dynamic Open Graph image configurations that render webpages or populate templates from page metadata. Use for persistent og:image and social-preview URLs, including webpage meta tags, HCTI templates, metadata mappings, proxies, or storage destinations. Do not use for a one-off social image.

MCP servers1

hctiStreamable HTTP

url: https://mcp.hcti.io

Plugin manifests3

.codex-plugin/plugin.json

{
  "name": "html-css-to-image",
  "version": "0.2.0",
  "description": "Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs—without managing a browser.",
  "author": {
    "name": "HTML/CSS to Image",
    "email": "[email protected]",
    "url": "https://htmlcsstoimage.com"
  },
  "homepage": "https://docs.htmlcsstoimage.com/integrations/mcp/",
  "repository": "https://github.com/htmlcsstoimage/agent-plugins",
  "license": "MIT",
  "keywords": [
    "hcti",
    "mcp",
    "image-generation",
    "screenshots",
    "html",
    "css",
    "pdf"
  ],
  "skills": "./skills/",
  "apps": "./.app.json",
  "interface": {
    "displayName": "HTML/CSS to Image",
    "shortDescription": "Turn websites and HTML/CSS into images or PDFs",
    "longDescription": "Turn a simple request into polished images, website screenshots, and PDFs—without leaving ChatGPT. HTML/CSS to Image combines flexible browser-based rendering with natural-language control, helping developers, marketers, and content teams create consistent visual assets faster.\n\nUse it to:\n\n- Create social graphics, product images, reports, certificates, and other branded assets from HTML and CSS\n- Capture website screenshots for previews, documentation, testing, and visual QA\n- Produce personalized images at scale with reusable, versioned templates and dynamic variables\n- Generate batches across responsive dimensions, time zones, color schemes, and other variations in one workflow\n- Export to PNG, JPG, WebP, or PDF with precise control over viewport size, device scale, selectors, render delays, and more\n- Keep your rendering pipeline under your control with organization-level resources:\n  - Deliver rendered files directly to your own Amazon S3 or S3-compatible storage\n  - Route renders through HTTP or HTTPS proxies you configure\n  - Automate dynamic Open Graph images using one stable image URL pattern, with page metadata driving up-to-date social previews—even for static sites",
    "developerName": "HTML/CSS to Image",
    "category": "Developer Tools",
    "capabilities": [
      "Read",
      "Write"
    ],
    "websiteURL": "https://htmlcsstoimage.com/",
    "privacyPolicyURL": "https://htmlcsstoimage.com/privacy",
    "termsOfServiceURL": "https://htmlcsstoimage.com/terms",
    "defaultPrompt": [
      "Create a 1200×630 Open Graph image from this title and brand style.",
      "Capture the pricing table on this public webpage.",
      "List my HCTI templates and render one with these values."
    ],
    "brandColor": "#000000",
    "composerIcon": "./assets/logo.png",
    "logo": "./assets/logo.png"
  }
}

.claude-plugin/plugin.json

{
  "$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",
  "name": "html-css-to-image",
  "displayName": "HTML/CSS to Image API",
  "version": "0.2.0",
  "description": "Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs - without managing a browser.",
  "author": {
    "name": "HTML/CSS to Image",
    "email": "[email protected]",
    "url": "https://htmlcsstoimage.com"
  },
  "homepage": "https://docs.htmlcsstoimage.com/integrations/mcp/",
  "repository": "https://github.com/htmlcsstoimage/agent-plugins",
  "license": "MIT",
  "keywords": [
    "hcti",
    "html-css-to-image",
    "image-generation",
    "screenshots",
    "pdf",
    "mcp"
  ]
}

plugin.json

{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "html-css-to-image",
  "version": "0.2.0",
  "description": "Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs - without managing a browser.",
  "author": {
    "name": "HTML/CSS to Image",
    "email": "[email protected]",
    "url": "https://htmlcsstoimage.com"
  },
  "homepage": "https://docs.htmlcsstoimage.com/integrations/mcp/",
  "repository": "https://github.com/htmlcsstoimage/agent-plugins",
  "license": "MIT",
  "keywords": [
    "hcti",
    "mcp",
    "image-generation",
    "screenshots",
    "html",
    "css",
    "pdf"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[html-css-to-image on Agent Plugins Marketplace](https://pluginsmp.com/plugins/html-css-to-image)