Html to image

Learn how to use Html to image with Composio

Overview

SLUG: HTML_TO_IMAGE

Description

HTML to Image is a service that converts HTML and CSS into images or captures screenshots of web pages.

Authentication Details

generic_api_key
stringRequired

Connecting to Html to image

Create an auth config

Use the dashboard to create an auth config for the Html to image toolkit. This allows you to connect multiple Html to image accounts to Composio for agents to use.

1

Select App

Navigate to [Html to image](https://platform.composio.dev?next_page=/marketplace/Html to image).

2

Configure Auth Config Settings

Select among the supported auth schemes of and configure them here.

3

Create and Get auth config ID

Click “Create Html to image Auth Config”. After creation, copy the displayed ID starting with ac_. This is your auth config ID. This is not a sensitive ID — you can save it in environment variables or a database. This ID will be used to create connections to the toolkit for a given user.

Connect Your Account

Using API Key

1from composio import Composio
2
3# Replace these with your actual values
4html_to_image_auth_config_id = "ac_YOUR_HTML_TO_IMAGE_CONFIG_ID" # Auth config ID created above
5user_id = "0000-0000-0000" # UUID from database/app
6
7composio = Composio()
8
9def authenticate_toolkit(user_id: str, auth_config_id: str):
10 # Replace this with a method to retrieve an API key from the user.
11 # Or supply your own.
12 user_api_key = input("[!] Enter API key")
13
14 connection_request = composio.connected_accounts.initiate(
15 user_id=user_id,
16 auth_config_id=auth_config_id,
17 config={"auth_scheme": "API_KEY", "val": {"generic_api_key": user_api_key}}
18 )
19
20 # API Key authentication is immediate - no redirect needed
21 print(f"Successfully connected Html to image for user {user_id}")
22 print(f"Connection status: {connection_request.status}")
23
24 return connection_request.id
25
26
27connection_id = authenticate_toolkit(user_id, html_to_image_auth_config_id)
28
29# You can verify the connection using:
30connected_account = composio.connected_accounts.get(connection_id)
31print(f"Connected account: {connected_account}")

Tools

Executing tools

To prototype you can execute some tools to see the responses and working on the [Html to image toolkit’s playground](https://app.composio.dev/app/Html to image)

Python
1from composio import Composio
2from openai import OpenAI
3import json
4
5openai = OpenAI()
6composio = Composio()
7
8# User ID must be a valid UUID format
9user_id = "0000-0000-0000" # Replace with actual user UUID from your database
10
11tools = composio.tools.get(user_id=user_id, toolkits=["HTML_TO_IMAGE"])
12
13print("[!] Tools:")
14print(json.dumps(tools))
15
16def invoke_llm(task = "What can you do?"):
17 completion = openai.chat.completions.create(
18 model="gpt-4o",
19 messages=[
20 {
21 "role": "user",
22 "content": task, # Your task here!
23 },
24 ],
25 tools=tools,
26 )
27
28 # Handle Result from tool call
29 result = composio.provider.handle_tool_calls(user_id=user_id, response=completion)
30 print(f"[!] Completion: {completion}")
31 print(f"[!] Tool call result: {result}")
32
33invoke_llm()

Tool List

Tool Name: Get HTML to Image

Description

Tool to retrieve a generated image by its ID. Use when you need to fetch, resize, or download an existing HTML to image asset.

Action Parameters

dl
integer
dpi
integer
height
integer
image_id
stringRequired
width
integer

Action Response

data
objectRequired
error
string
successful
booleanRequired

Tool Name: Check HTML-to-Image Account Usage

Description

Tool to retrieve account usage statistics including hourly, daily, and monthly image creation counts. Use after authenticating to review current usage limits and billing periods.

Action Parameters

endpoint_paths
array
return_defaults_on_error
booleanDefaults to True

Action Response

data
objectRequired
error
string
per_billing_period
arrayRequired
successful
booleanRequired

Tool Name: Convert HTML to Image

Description

Tool to convert HTML content into an image. Returns either a downloadable file or a JSON payload containing id and url, depending on the upstream API behavior.

Action Parameters

height
integer
html
stringRequired
width
integer

Action Response

data
objectRequired
error
string
successful
booleanRequired