H

HTML/CSS to Image API

html-css-to-image/html-css-to-image · v0.2.0 · Tools & Integrations

by HTML/CSS to ImageOwner verifiedsafe

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

InstallSourceFollow1

Is HTML/CSS to Image API a fit?

From the plugin's manifest and HOL's scan. Anything the plugin does not declare is shown as not declared.

Works with

  • Codex
  • Grok
  • Kimi Code
  • Claude Code
  • Antigravity CLI
  • Cursor
  • Agent Plugin
  • 4 skills
  • 1 MCP server

Before you install

Sign-in
Not declared
Declared access
Read, Write
License
MIT

Check before relying on it

  • Security checks that did not finish: cisco-skill-scanner, codex-plugin-scanner. See the evidence

What is HTML/CSS to Image API?

HTML/CSS to Image API is a published tools & integrations plugin for AI coding agents in the codex ecosystem, developed by HTML/CSS to Image and distributed through the HOL AI plugin registry. Let AI agents capture live website screenshots, render HTML/CSS and populate reusable templates as images or PDFs without managing a browser

Canonical slug
html-css-to-image/html-css-to-image
Version
v0.2.0 · updated Sep 30, 2026

Trust & Reputation

HOL Trust Score
87

Factor Analysis

Per-metric points (0–100 each) combined via a weighted average into the overall score.

Installability
100pts
Maintenance
55pts
MCP Posture
95pts
Plugin Security
90pts
Provenance
70pts
Publisher Quality
75pts

Registry Snapshot

Publisher verification
No
Marketplace source
Unknown
Scanner
Broker fallback
Security result
Partial scan
Digest verified
Yes
4 bundled skills — copy or download SKILL.mdOpen skills

Trust & reputation

Trust & Reputation

HOL Trust Score
87

Factor Analysis

Per-metric points (0–100 each) combined via a weighted average into the overall score.

Installability
100pts
Maintenance
55pts
MCP Posture
95pts
Plugin Security
90pts
Provenance
70pts
Publisher Quality
75pts

Provenance

Plugin root
.
Source repo
https://github.com/htmlcsstoimage/agent-plugins
Source commit
73eb09e39e26…
Publisher verified
No
Owner verified
@jsneedles

Continuous scanner CI detected

No action is required. This plugin receives the full trust score.

README badge detected

The source repository README links to this HOL listing. Distribution, not security evidence. It adds a 2% engagement adjustment to the overall trust score and never changes the security result.

Partial scan
Security result
90
Score from finished checks
0
High findings

Some checks did not finish (cisco-skill-scanner, codex-plugin-scanner). No blocking issue was found in the checks that did finish, but this is not a passed scan.

Provider
registry-broker-fallback
Grade
A · safe
Version
Unknown
cisco-skill-scanner: unknown

Findings

lowmcp-securitymcp.remote.auth.unknown

MCP server hcti does not declare an auth posture.

lowoperational-securitysupply-chain.lockfile-missing

Repository snapshot does not include a lockfile.

infoskill-securityskill-scan.unavailable

Cisco skill scanner timed out after 60000 ms

infoskill-securityskill-scan.unavailable

Cisco skill scanner timed out after 60000 ms

infoskill-securityskill-scan.unavailable

Cisco skill scanner timed out after 60000 ms

infoskill-securityskill-scan.unavailable

Cisco skill scanner timed out after 60000 ms

HTML/CSS to Image API — Frequently asked questions

What is HTML/CSS to Image API?
HTML/CSS to Image API is an AI plugin in the HOL registry. Let AI agents capture live website screenshots, render HTML/CSS and populate reusable templates as images or PDFs without managing a browser
How do I install HTML/CSS to Image API?
Install HTML/CSS to Image API in your harness: Codex — codex plugin marketplace add htmlcsstoimage/agent-plugins; Claude Code — /plugin marketplace add htmlcsstoimage/agent-plugins; Cursor — npx [email protected] add htmlcsstoimage/agent-plugins. Full step-by-step guidance is on the HOL plugin page.
How do I install HTML/CSS to Image API in Codex?
To install HTML/CSS to Image API in Codex, start with codex plugin marketplace add htmlcsstoimage/agent-plugins. The complete step-by-step install guide for Codex is on the HOL plugin page.
How do I install HTML/CSS to Image API in Claude Code?
To install HTML/CSS to Image API in Claude Code, start with /plugin marketplace add htmlcsstoimage/agent-plugins. The complete step-by-step install guide for Claude Code is on the HOL plugin page.
How do I install HTML/CSS to Image API in Cursor?
To install HTML/CSS to Image API in Cursor, start with npx [email protected] add htmlcsstoimage/agent-plugins. The complete step-by-step install guide for Cursor is on the HOL plugin page.
Is HTML/CSS to Image API free?
Pricing for HTML/CSS to Image API is published on its HOL plugin page when the maker schedules a launch.
How is the Trust Score for HTML/CSS to Image API computed?
HTML/CSS to Image API has a HOL Trust Score of 87 out of 100. The score is a weighted sum of six components from a static scan of the source, capped for high-severity findings and adjusted by two disclosed policies. Memberships and payments are not inputs, and a scan is not a safety guarantee. Full breakdown: https://hol.org/registry/plugins/html-css-to-image%2Fhtml-css-to-image/trust
Who publishes HTML/CSS to Image API?
HTML/CSS to Image API is published by HTML/CSS to Image and listed on HOL.
Is HTML/CSS to Image API available now?
HTML/CSS to Image API availability is listed on its HOL plugin page.

Install Guidance

Install in Claude Code

Install through the Claude Code plugin marketplace.

Claude Code plugin docs

Optional: install HOL Guard for Claude Code first, so it can check this plugin's tools on your machine before Claude Code uses them.

  1. 1

    Add the marketplace

    Run this inside a Claude Code session. It registers the marketplace manifest shipped at the repository root. If the repository ships none, add the generated entry from the Advanced section below first.

    claude code
  2. 2

    Find the marketplace and plugin names

    The install id is <plugin-entry>@<marketplace-name>, and the marketplace name is declared inside the manifest — it can differ from the repository name. List registered marketplaces to read both names.

    shell
  3. 3

    Install the plugin

    Substitute the plugin entry name and the marketplace name shown by the previous step.

    claude code

Did setup work in Claude Code?

No setup reports for Claude Code yet. Self-reported by signed-in visitors. Copying a command is not counted, and most installs are never reported.

Attested installs: Fewer than 10 attested installs of this plugin in week 2026-W43, so no number is shown. Counted from opt-in HOL Guard install reports, once per machine and runtime, and never mixed with the answers above. How install reports work.

Loading reviews

Plugin Manifest

{
  "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": "./",
  "apps": "./.app.json",
  "interface": {
    "displayName": "HTML/CSS to Image",
    "developerName": "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",
    "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"
  },
  "mcpServers": "./.registry/mcp.json",
  "registryIndexVersion": 5
}

Marketplace Source

Repo URL
https://github.com/htmlcsstoimage/agent-plugins
Marketplace path
Unknown
Source path
.
Install policy
Unspecified

Skills

4 SKILL.md files ship with this plugin. Preview, copy, or download each one, then install them with the Skills CLI.

Share
skills-cli
  • hcti-open-graph-images

    clawhub/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.

    SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

  • html-css-to-image

    clawhub/html-css-to-image/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.

    SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

  • hcti-image-generation

    skills/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.

    SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

  • hcti-open-graph-images

    skills/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.

    SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

File Inventory

.claude-plugin/plugin.json

file

978 bytes

49e8ed4e912f32f0…

.codex-plugin/plugin.json

plugin-manifest

2,518 bytes

9cf790787923a1ab…

.cursor-plugin/plugin.json

file

698 bytes

cd9c8f99928085f0…

.grok-plugin/plugin.json

file

712 bytes

d438c27d2172e192…

.mcp.json

file

103 bytes

c4b66b1fa5af15bd…

.registry/mcp.json

mcp-config

67 bytes

04cae6eb258344b2…

assets/logo.png

asset

22,580 bytes

924da0424265149c…

clawhub/hcti-open-graph-images/references/webpage-integration.md

file

8,013 bytes

f980ccfcde0d0bac…

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

skill

8,843 bytes

0dbe5120bd798f3a…

clawhub/html-css-to-image/SKILL.md

skill

5,195 bytes

25558a446b4737ef…

gemini-extension.json

file

351 bytes

86b25f41f0e91c8b…

kimi.plugin.json

file

2,145 bytes

fe8148e4fde874cb…

plugin.json

file

705 bytes

e7f8a13a10156e29…

README.md

file

14,007 bytes

9e68ebb42ebaaf9c…

SECURITY.md

file

672 bytes

f2182cdb2a2b79a5…

skills/hcti-image-generation/SKILL.md

skill

3,367 bytes

7e17ee4ac36bca3e…

skills/hcti-open-graph-images/references/webpage-integration.md

skill

8,013 bytes

f980ccfcde0d0bac…

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

skill

7,011 bytes

97840640c4e2fbf1…

History, reviews, and alternatives

Launch history

No public launch record yet.

User reviews

—from 0 reviews

The first substantive review can be added on this page.