VM0VM0
Integration

HTMLCSStoImage

Generate images from HTML/CSS or capture screenshots

HTMLCSStoImage generates images from HTML/CSS or captures screenshots of web pages for social cards, thumbnails, and certificates.

Required Environment

NameTypeDescription
HCTI_API_KEYsecretAPI key from HCTI Dashboard
HCTI_USER_IDvarUser ID from HCTI Dashboard

Configuration

vm0.yaml
version: "1.0"

agents:
  my-agent:
    provider: claude-code
    skills:
      - https://github.com/vm0-ai/vm0-skills/tree/main/htmlcsstoimage

Run

vm0 run my-agent "generate OG image from HTML" \
  --secrets HCTI_API_KEY=xxx

Example Instructions

AGENTS.md
# Social Card Generator

You create social media cards from HTML.

## Workflow

1. Receive card content
2. Create HTML with styling
3. Generate image via HCTI
4. Return permanent CDN URL

## Features

- Google Fonts support
- Custom viewport sizes
- Retina (2x/3x) output
AGENTS.md
# Screenshot Agent

You capture screenshots of web pages.

## Workflow

1. Receive target URL
2. Configure viewport and delay
3. Capture screenshot
4. Save image file

## Options

- Full page or element selector
- JS delay for dynamic content