A developer-focused automation tool that programmatically converts raw HTML/CSS strings or public webpage URLs into high-quality images.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install oo-htmlcsstoimage
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install oo-htmlcsstoimage using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is HTML/CSS to Image?
The HTML/CSS to Image skill allows developers and AI systems to dynamically render styled HTML code, CSS rules, or entire websites into static images. Working through the oo CLI and OOMOL-connected environments, this integration simplifies modern media-generation workflows without forcing developers to manage raw tokens or API keys within local configurations.
By adding this utility to your suite of Openclaw Skills, you can automate visual content generation safe in the knowledge that your authentication details are managed server-side. It is perfect for turning custom HTML layouts, web assets, and structured data views into crisp, optimized imagery ready for delivery.
HTML/CSS to Image Use Cases
- Automated Social Sharing Assets: Generate beautiful, dynamic Open Graph images or social banners on the fly whenever a web content piece is updated.
- Dynamic Email Template Previews: Render personalized preview images for newsletters or dynamic marketing content directly from custom HTML/CSS inputs.
- Web Scraping Visualizations: Capture quick, precise screenshots of public webpage URLs for automated monitoring, auditing, or archiving purposes.
- High-Volume Image Batches: Use batch processing capabilities to produce up to 25 distinct images in a single call to streamline mass content generation.
How HTML/CSS to Image Works
- Inspect Schema: Before building payloads, run
oo connector schema "htmlcsstoimage" --action "<action_name>"to obtain the authoritative JSON input/output contract. - Generate Payload: Construct a JSON object containing target HTML, CSS rules, or public webpage URLs matching the expected action parameters.
- Execute CLI Action: Run
oo connector runto send the payload to the server, where credentials are securely injected server-side by OOMOL. - Receive Result: Retrieve the rendered image URL and generation execution metadata.
- Perform Cleanup: Utilize dedicated delete actions to remove generated files from the system and force CDN cache flushes.
HTML/CSS to Image Setup
Set up the required environment once before calling actions. Ensure you are utilizing modern toolchains compatible with Openclaw Skills.
1. Install the oo CLI Tool
For macOS and Linux platforms:
curl -fsSL https://cli.oomol.com/install.sh | bash
For Windows PowerShell environments:
irm https://cli.oomol.com/install.ps1 | iex
2. Authenticate the CLI
oo auth login
3. Link Your Service Account Add your credentials safely (Auth type: API key) by visiting:
https://console.oomol.com/app-connections?provider=htmlcsstoimage
HTML/CSS to Image Data Schema & Taxonomy
This skill interacts with the htmlcsstoimage API using structured JSON payloads. Retrieve exact validation constraints before running payload commands:
oo connector schema "htmlcsstoimage" --action "<action_name>"
Supported Operations Matrix
| Action Key | Execution Mode | Description |
|---|---|---|
create_image |
Write (Confirm with user) | Render an image from HTML/CSS or a public URL. |
create_batch_images |
Write (Confirm with user) | Generate up to 25 images simultaneously using unified configurations. |
delete_image |
Destructive (Explicit confirmation) | Remove an image from the storage engine and clear its CDN cache. |
delete_batch_images |
Destructive (Explicit confirmation) | Delete multiple generated images simultaneously in one operation. |
get_usage |
Read (Safe) | Retrieve API consumption counts mapped by hour, day, month, and billing period. |
HTML/CSS to Image Advanced Features
- Secure Token Execution: Credentials are encrypted and injected dynamically on OOMOL's servers, protecting API tokens from leakage inside local developer machines.
- Multi-Image Batch Rendering: Batch processing up to 25 items simultaneously using common configurations, heavily reducing payload latency.
- Dynamic Schema Fetching: Schema contract calls ensure integration layouts are always matched to current API expectations with zero manual modifications.
- Granular Safety Controls: Tagged operations help developers build workflows that isolate safe reads from destructive deletes or billing charges.
SKILL.md
Loading
Related Openclaw Skills
oo-ip2proxy
An AI agent skill leveraging the OOMOL CLI to query IP2Proxy for detecting proxy, VPN, and Tor exit node IP addresses securely.
oo-launch-darkly
An AI-ready CLI tool for reading, creating, updating, and deleting LaunchDarkly configurations safely and without managing raw API tokens.
NASA
A powerful NASA science and astronomy data exploration skill for AI coding agents to search near-Earth objects, fetch space weather alerts, and retrieve deep space imagery without handling raw API credentials.
OpenCage
An OpenCage geocoding skill that enables AI agents to perform forward, reverse, and GeoJSON-formatted coordinate lookup through the OOMOL-connected oo CLI.
Freshservice Integration Skill
An automation skill for Freshservice that lets AI agents and developers programmatically manage IT service tickets, assets, and service catalogs.
Getform Integration for AI Agents
An AI-ready skill to seamlessly operate Getform (forminit.com) via the oo CLI, enabling automatic form submission management and data extraction.
Featured*
