Superpowers
Superpowers teaches Claude brainstorming, subagent driven development with built in code review, systematic...
CCCXGBCUPi
SkillMaxx / Development / HTML CSS To Image
HTML CSS To Image
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.
- Stars
- ★ 7
- Last updated
- Hands-on tests
- Tested ✓ in 1 of 5
Install
Not yet tested
No official Claude Code instructions yet. We haven't found docs saying this works in Claude Code.
Know it works? Tell us →Not yet tested
No official Codex instructions yet. We haven't found docs saying this works in Codex.
Know it works? Tell us →Tested ✓✓ Verified from docsOfficial docs ↗
grok plugin install html-css-to-image --trustTested ✓ on 2026-10-16: installed and loaded in a throwaway sandbox with no credentials.
Log excerpt
Installed 1 plugin(s) from xAI Official: html-css-to-image $ verify: agent-plugins-9d907304: html-css-to-image [git: https://github.com/htmlcsstoimage/agent-plugins.git] (xAI Official)
1 run, latest 2026-10-16
Not yet tested
No official Cursor instructions yet. We haven't found docs saying this works in Cursor.
Know it works? Tell us →Not yet tested
No official Pi instructions yet. We haven't found docs saying this works in Pi.
Know it works? Tell us →README
View on GitHub ↗HTML/CSS to Image API for AI agents
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.
Repository layout
| Path | Purpose |
|---|---|
plugin.json |
Portable Agent Plugins manifest. |
mcp.json |
Portable MCP configuration. |
.mcp.json |
Claude Code, GitHub Copilot, and Grok-compatible MCP configuration. |
llms-install.md |
Agent-readable installation guidance for Cline and other MCP clients. |
.codex-plugin/plugin.json |
Native ChatGPT and Codex plugin manifest. |
.app.json |
Maps the package to the official published OpenAI plugin. |
.claude-plugin/plugin.json |
Claude Code plugin manifest. |
.cursor-plugin/plugin.json |
Cursor Marketplace manifest. |
.grok-plugin/plugin.json |
Grok Build marketplace manifest. |
gemini-extension.json |
Gemini CLI extension manifest. |
kimi.plugin.json |
Kimi Code plugin manifest. |
skills/hcti-image-generation/ |
Image generation and template workflow guidance. |
skills/hcti-open-graph-images/ |
Dynamic Open Graph image configuration guidance. |
clawhub/html-css-to-image/ |
Standalone OAuth/MCP rendering skill for ClawHub. |
clawhub/hcti-open-graph-images/ |
Standalone OAuth/MCP Open Graph skill for ClawHub. |
ChatGPT and Codex
Install the official HTML/CSS to Image plugin from the Plugins Directory in ChatGPT or Codex. This is the preferred OpenAI integration and uses HCTI's registered MCP connection with browser-based OAuth.
The native .codex-plugin/plugin.json manifest packages the shared HCTI skill, while .app.json maps the package to the published OpenAI plugin.
Kimi Code
Install the plugin directly from GitHub in Kimi Code:
/plugins install https://github.com/htmlcsstoimage/agent-plugins
/reload
Run /mcp-config login hcti and complete authorization in your browser. Then use /mcp to confirm that the HCTI tools are connected.
Preview from the source repo. Images are removed.
Similar alternatives
Lovable
Build, iterate on, deploy, and manage Lovable apps from Claude Code. Bundles the official Lovable MCP server...
CCCXGBCUPi
Resend
Agent skills for working with Resend to send and receive emails — email API integration, agent inbox, CLI,...
CCCXGBCUPi
Liquid LSP
LSP integration for Shopify Liquid templates via the Shopify CLI theme language server.
CCCXGBCUPi