Dynamic image templates

Give agents a predictable way to generate images

Expose a small set of named values instead of asking an agent to create a layout. The template keeps typography, spacing, dimensions, and branding consistent.

Start free Browse templates
  • Reusable designs
  • Consistent image output
  • One-request rendering
Open Graph values rendered through one reusable template into a consistent image.
Reusable Open Graph template
Open Graph template
title
Automating image production
author
Alex Rivera
cover
images.example.com/image-production.jpg
One request · one image
Image production
Automating image production
Alex Rivera1200 × 630

Build your template

Two ways to build, one way to render

Both template types render by ID with named values.

Use cases

Turn agent responses into consistent images

Explore image templates

Summary images

Map fields from an agent response into a fixed visual summary instead of asking the model to write layout code.

Image generation tools

Give an agent named values to fill instead of asking it to write HTML.

Visual response cards

Use fields from an agent response to render branded cards, plans, comparisons, and recommendations.

Content variation

Let agents change copy and imagery while the template preserves typography, spacing, and layout.

Example conversation using the HCTI MCP integration.
Example conversation
MCP connected with OAuth
  1. You: Use the HCTI MCP to list my templates and use the product-launch design with this title, price, and product image.
  2. HTML/CSS to Image: I found the template and its named values. I’ll fill them and return the generated image URL.
  3. You: Create an Open Graph image from my blog template with this title, author, and cover image.
  4. HTML/CSS to Image: I’ll fill the three named values and render the template without changing its saved design.
  5. You: List the versions of my report-card template and render the latest one with these student values.
  6. HTML/CSS to Image: I’ll find the latest version, fill its named values, and return the generated image URL.

MCP integration

Use the HCTI API from your AI tools

Connect an MCP-compatible AI client to HCTI through OAuth.

Generate images and PDFs, capture webpages, and work with templates without putting an API key in the prompt.

One render API

Build with HTML/CSS or the visual editor, then render by ID

Both template types use the same image request. Send the template ID and named values while the saved design supplies the layout and dimensions.

  1. Build the design

    Use HTML and CSS through the template API, or arrange blocks in the visual editor.

  2. Name the values that change

    Define the text, images, colors, or other properties each image request can supply.

  3. Render by template ID

    Send the ID and named values together and receive the generated image URL.

Reusable templates

Keep the design separate from changing content

Use the same saved layout for Open Graph images, social cards, product graphics, and other repeated images.

  • Two ways to build

    Choose the HTML/CSS template API or the block-based visual editor.

  • One saved design

    Keep the same layout and dimensions while named values change.

  • One render request

    Send the template ID and named values to the image API.

Template rendering workflow
Template rendering workflow
Build
HTML/CSS API or visual editor
Template
Saved ID + named values
Render
POST /v1/image/{template_id}
Output
Generated image URL

Dynamic image templates

Reuse one design for every generated image

Create consistent Open Graph images, social cards, product graphics, and personalized visuals by changing only the values in each request.

Start free Browse templates

Template workflows

Make reusable image generation fit your workflow

See how teams use dynamic templates to keep image output consistent while content changes.

Developers

Render saved layouts from application code with template IDs and named values.

View workflow

Marketing

Generate campaign, social, and Open Graph images from reusable designs.

View workflow

Sales

Turn CRM and prospect data into consistent, personalized sales images.

View workflow

Education

Generate certificates and classroom materials from reusable school designs.

View workflow

Finance

Generate financial reports, charts, and client visuals from reusable layouts.

View workflow