curl --request POST \
--url https://app.myhero.so/ai-agent/generate-html \
--header 'Authorization: Bearer <token>' \
--header 'Content-Type: application/json' \
--data '
{
"prompt": "<string>",
"model": "<string>",
"currentHtml": "<string>",
"context": {
"title": "<string>",
"text": "<string>"
},
"mentions": [
{
"id": "<string>",
"name": "<string>",
"extra": {}
}
],
"attachments": [
{
"filename": "<string>",
"mimeType": "<string>",
"base64": "<string>",
"size": 1
}
]
}
'import requests
url = "https://app.myhero.so/ai-agent/generate-html"
payload = {
"prompt": "<string>",
"model": "<string>",
"currentHtml": "<string>",
"context": {
"title": "<string>",
"text": "<string>"
},
"mentions": [
{
"id": "<string>",
"name": "<string>",
"extra": {}
}
],
"attachments": [
{
"filename": "<string>",
"mimeType": "<string>",
"base64": "<string>",
"size": 1
}
]
}
headers = {
"Authorization": "Bearer <token>",
"Content-Type": "application/json"
}
response = requests.post(url, json=payload, headers=headers)
print(response.text)const options = {
method: 'POST',
headers: {Authorization: 'Bearer <token>', 'Content-Type': 'application/json'},
body: JSON.stringify({
prompt: '<string>',
model: '<string>',
currentHtml: '<string>',
context: {title: '<string>', text: '<string>'},
mentions: [{id: '<string>', name: '<string>', extra: {}}],
attachments: [{filename: '<string>', mimeType: '<string>', base64: '<string>', size: 1}]
})
};
fetch('https://app.myhero.so/ai-agent/generate-html', options)
.then(res => res.json())
.then(res => console.log(res))
.catch(err => console.error(err));<?php
$curl = curl_init();
curl_setopt_array($curl, [
CURLOPT_URL => "https://app.myhero.so/ai-agent/generate-html",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "POST",
CURLOPT_POSTFIELDS => json_encode([
'prompt' => '<string>',
'model' => '<string>',
'currentHtml' => '<string>',
'context' => [
'title' => '<string>',
'text' => '<string>'
],
'mentions' => [
[
'id' => '<string>',
'name' => '<string>',
'extra' => [
]
]
],
'attachments' => [
[
'filename' => '<string>',
'mimeType' => '<string>',
'base64' => '<string>',
'size' => 1
]
]
]),
CURLOPT_HTTPHEADER => [
"Authorization: Bearer <token>",
"Content-Type: application/json"
],
]);
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
echo "cURL Error #:" . $err;
} else {
echo $response;
}package main
import (
"fmt"
"strings"
"net/http"
"io"
)
func main() {
url := "https://app.myhero.so/ai-agent/generate-html"
payload := strings.NewReader("{\n \"prompt\": \"<string>\",\n \"model\": \"<string>\",\n \"currentHtml\": \"<string>\",\n \"context\": {\n \"title\": \"<string>\",\n \"text\": \"<string>\"\n },\n \"mentions\": [\n {\n \"id\": \"<string>\",\n \"name\": \"<string>\",\n \"extra\": {}\n }\n ],\n \"attachments\": [\n {\n \"filename\": \"<string>\",\n \"mimeType\": \"<string>\",\n \"base64\": \"<string>\",\n \"size\": 1\n }\n ]\n}")
req, _ := http.NewRequest("POST", url, payload)
req.Header.Add("Authorization", "Bearer <token>")
req.Header.Add("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)
defer res.Body.Close()
body, _ := io.ReadAll(res.Body)
fmt.Println(string(body))
}HttpResponse<String> response = Unirest.post("https://app.myhero.so/ai-agent/generate-html")
.header("Authorization", "Bearer <token>")
.header("Content-Type", "application/json")
.body("{\n \"prompt\": \"<string>\",\n \"model\": \"<string>\",\n \"currentHtml\": \"<string>\",\n \"context\": {\n \"title\": \"<string>\",\n \"text\": \"<string>\"\n },\n \"mentions\": [\n {\n \"id\": \"<string>\",\n \"name\": \"<string>\",\n \"extra\": {}\n }\n ],\n \"attachments\": [\n {\n \"filename\": \"<string>\",\n \"mimeType\": \"<string>\",\n \"base64\": \"<string>\",\n \"size\": 1\n }\n ]\n}")
.asString();require 'uri'
require 'net/http'
url = URI("https://app.myhero.so/ai-agent/generate-html")
http = Net::HTTP.new(url.host, url.port)
http.use_ssl = true
request = Net::HTTP::Post.new(url)
request["Authorization"] = 'Bearer <token>'
request["Content-Type"] = 'application/json'
request.body = "{\n \"prompt\": \"<string>\",\n \"model\": \"<string>\",\n \"currentHtml\": \"<string>\",\n \"context\": {\n \"title\": \"<string>\",\n \"text\": \"<string>\"\n },\n \"mentions\": [\n {\n \"id\": \"<string>\",\n \"name\": \"<string>\",\n \"extra\": {}\n }\n ],\n \"attachments\": [\n {\n \"filename\": \"<string>\",\n \"mimeType\": \"<string>\",\n \"base64\": \"<string>\",\n \"size\": 1\n }\n ]\n}"
response = http.request(request)
puts response.read_body{
"type": "delta",
"text": "<string>",
"html": "<string>",
"message": "<string>"
}{
"error": "<string>",
"message": "<string>",
"details": [
"<unknown>"
]
}{
"error": "<string>",
"message": "<string>",
"details": [
"<unknown>"
]
}{
"error": "<string>",
"message": "<string>",
"details": [
"<unknown>"
]
}{
"error": "<string>",
"message": "<string>",
"details": [
"<unknown>"
]
}Generate an HTML block
Generates a self-contained interactive HTML widget — a calculator, dashboard, slide deck, prototype or game — for an editor HTML block, or revises one when currentHtml is given. The widget follows HERO’s design system and is responsive. Context comes from the page (context), references in the prompt, picked mentions and attachments.
The response streams as Server-Sent Events: delta events carry raw model output as it is written, then one done event carries the finished HTML (or an error event). Validation, plan and quota failures are answered as JSON before any stream starts. Insert the result with write_document_markdown as an ```html-block fence, or store it with POST /media/html and set the returned _id as an htmlBlock node’s resourceId.
curl --request POST \
--url https://app.myhero.so/ai-agent/generate-html \
--header 'Authorization: Bearer <token>' \
--header 'Content-Type: application/json' \
--data '
{
"prompt": "<string>",
"model": "<string>",
"currentHtml": "<string>",
"context": {
"title": "<string>",
"text": "<string>"
},
"mentions": [
{
"id": "<string>",
"name": "<string>",
"extra": {}
}
],
"attachments": [
{
"filename": "<string>",
"mimeType": "<string>",
"base64": "<string>",
"size": 1
}
]
}
'import requests
url = "https://app.myhero.so/ai-agent/generate-html"
payload = {
"prompt": "<string>",
"model": "<string>",
"currentHtml": "<string>",
"context": {
"title": "<string>",
"text": "<string>"
},
"mentions": [
{
"id": "<string>",
"name": "<string>",
"extra": {}
}
],
"attachments": [
{
"filename": "<string>",
"mimeType": "<string>",
"base64": "<string>",
"size": 1
}
]
}
headers = {
"Authorization": "Bearer <token>",
"Content-Type": "application/json"
}
response = requests.post(url, json=payload, headers=headers)
print(response.text)const options = {
method: 'POST',
headers: {Authorization: 'Bearer <token>', 'Content-Type': 'application/json'},
body: JSON.stringify({
prompt: '<string>',
model: '<string>',
currentHtml: '<string>',
context: {title: '<string>', text: '<string>'},
mentions: [{id: '<string>', name: '<string>', extra: {}}],
attachments: [{filename: '<string>', mimeType: '<string>', base64: '<string>', size: 1}]
})
};
fetch('https://app.myhero.so/ai-agent/generate-html', options)
.then(res => res.json())
.then(res => console.log(res))
.catch(err => console.error(err));<?php
$curl = curl_init();
curl_setopt_array($curl, [
CURLOPT_URL => "https://app.myhero.so/ai-agent/generate-html",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "POST",
CURLOPT_POSTFIELDS => json_encode([
'prompt' => '<string>',
'model' => '<string>',
'currentHtml' => '<string>',
'context' => [
'title' => '<string>',
'text' => '<string>'
],
'mentions' => [
[
'id' => '<string>',
'name' => '<string>',
'extra' => [
]
]
],
'attachments' => [
[
'filename' => '<string>',
'mimeType' => '<string>',
'base64' => '<string>',
'size' => 1
]
]
]),
CURLOPT_HTTPHEADER => [
"Authorization: Bearer <token>",
"Content-Type: application/json"
],
]);
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
echo "cURL Error #:" . $err;
} else {
echo $response;
}package main
import (
"fmt"
"strings"
"net/http"
"io"
)
func main() {
url := "https://app.myhero.so/ai-agent/generate-html"
payload := strings.NewReader("{\n \"prompt\": \"<string>\",\n \"model\": \"<string>\",\n \"currentHtml\": \"<string>\",\n \"context\": {\n \"title\": \"<string>\",\n \"text\": \"<string>\"\n },\n \"mentions\": [\n {\n \"id\": \"<string>\",\n \"name\": \"<string>\",\n \"extra\": {}\n }\n ],\n \"attachments\": [\n {\n \"filename\": \"<string>\",\n \"mimeType\": \"<string>\",\n \"base64\": \"<string>\",\n \"size\": 1\n }\n ]\n}")
req, _ := http.NewRequest("POST", url, payload)
req.Header.Add("Authorization", "Bearer <token>")
req.Header.Add("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)
defer res.Body.Close()
body, _ := io.ReadAll(res.Body)
fmt.Println(string(body))
}HttpResponse<String> response = Unirest.post("https://app.myhero.so/ai-agent/generate-html")
.header("Authorization", "Bearer <token>")
.header("Content-Type", "application/json")
.body("{\n \"prompt\": \"<string>\",\n \"model\": \"<string>\",\n \"currentHtml\": \"<string>\",\n \"context\": {\n \"title\": \"<string>\",\n \"text\": \"<string>\"\n },\n \"mentions\": [\n {\n \"id\": \"<string>\",\n \"name\": \"<string>\",\n \"extra\": {}\n }\n ],\n \"attachments\": [\n {\n \"filename\": \"<string>\",\n \"mimeType\": \"<string>\",\n \"base64\": \"<string>\",\n \"size\": 1\n }\n ]\n}")
.asString();require 'uri'
require 'net/http'
url = URI("https://app.myhero.so/ai-agent/generate-html")
http = Net::HTTP.new(url.host, url.port)
http.use_ssl = true
request = Net::HTTP::Post.new(url)
request["Authorization"] = 'Bearer <token>'
request["Content-Type"] = 'application/json'
request.body = "{\n \"prompt\": \"<string>\",\n \"model\": \"<string>\",\n \"currentHtml\": \"<string>\",\n \"context\": {\n \"title\": \"<string>\",\n \"text\": \"<string>\"\n },\n \"mentions\": [\n {\n \"id\": \"<string>\",\n \"name\": \"<string>\",\n \"extra\": {}\n }\n ],\n \"attachments\": [\n {\n \"filename\": \"<string>\",\n \"mimeType\": \"<string>\",\n \"base64\": \"<string>\",\n \"size\": 1\n }\n ]\n}"
response = http.request(request)
puts response.read_body{
"type": "delta",
"text": "<string>",
"html": "<string>",
"message": "<string>"
}{
"error": "<string>",
"message": "<string>",
"details": [
"<unknown>"
]
}{
"error": "<string>",
"message": "<string>",
"details": [
"<unknown>"
]
}{
"error": "<string>",
"message": "<string>",
"details": [
"<unknown>"
]
}{
"error": "<string>",
"message": "<string>",
"details": [
"<unknown>"
]
}Authorizations
HERO personal access token