HTML/CSS to Image plugin for Grok Build
HTML/CSS to Image API integration with a hosted OAuth MCP server and purpose-built skills. Generate images and PDFs, capture webpages, work with reusable templates, manage rendering resources, and automate dynamic Open Graph images—without managing a browser.
How to install HTML/CSS to Image in Grok Build
grok plugin install html-css-to-image --trustSource for this command: https://x.ai/news/grok-plugin-marketplace
Inside Grok Build: type /marketplace, find the plugin, press i to install.
--trust is required for skills, hooks and MCP servers to activate. Review a plugin before trusting it.
What it contains
MCP servers (1)
hcti— http
Skills (2)
hcti-image-generation— Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs—with…hcti-open-graph-images— Create and implement HCTI dynamic Open Graph image configurations that render webpages or populate templates from page…
About this listing
HTML/CSS to Image is listed in xAI's official Grok Build plugin marketplace, so it shows up in Grok Build's built-in /marketplace browser and installs with a single command. According to the catalog's component index it bundles 1 MCP server, 2 skills. The marketplace pins it to commit 73eb09e39e26 of its source repository, version 0.2.0. It's one of 133 listings in the Development category on GrokStacks. It also appears in best Grok Build plugins for browser automation.
Details
- Type
- Plugin
- Category
- Development
- Source
- Official Grok Build marketplace
- Version
- 0.2.0
- Keywords
- html/css to image, html css to image, html-to-image, html to image api, hcti, image generation, screenshot, url screenshot, pdf, image templates, open graph image, social preview
- Source repo
- https://github.com/htmlcsstoimage/agent-plugins
- Pinned commit
73eb09e39e26- Homepage
- https://htmlcsstoimage.com
- Listed in
- catalog file
- Tested by GrokStacks
- Not yet
Listed on GrokStacks badge
Maintain HTML/CSS to Image? Add the badge; it links to this page.
Markdown
[](https://grokstacks.com/p/html-css-to-image/)HTML
<a href="https://grokstacks.com/p/html-css-to-image/"><img src="https://grokstacks.com/badge.svg" alt="Listed on GrokStacks" width="164" height="28"></a>Related development listings
Base44
Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills.
Browser Use
Give Grok a real browser — the user's own Chrome, with their logins, or an isolated Browser Use Cloud browser. Use it whenever a task involves a website or web app: browsing, scraping and data extraction, filling forms, testing sites, taking screenshots, automating web workflows. Runs locally via uvx; no API key needed for local Chrome.
Bruin
Grok integration for Bruin — MetTel's Connectivity Management System for telecom expense, network monitoring, mobility, procurement, and IT ticketing across thousands of sites and 2,200+ vendors. Ships an expert Bruin Public API skill: OAuth 2.0 client-credentials, ticket creation with per-product note schemas for Smart Phones, Cable, Ethernet, Business Line, Starlink, SD-WAN, and PIAB, inventory/site/user endpoints, ticket-lifecycle webhooks, and multi-call workflows.
Chrome DevTools
Chrome DevTools integration. Control and inspect a live Chrome browser. Record performance traces, analyze network requests, check console messages with source-mapped stack traces, and automate browser actions.
Clerk
Official Clerk integration. Add Clerk authentication and user management with framework-specific setup, organizations, billing, webhooks, and testing guidance, and manage Clerk applications, users, and instance configuration.
Cloudflare
Skills for the Cloudflare developer platform: Workers, Durable Objects, Agents SDK, MCP servers, Wrangler CLI, and web performance.