Renders an image within a decorative frame, simulating a device (e.g.,
| Field | Type | |
|---|---|---|
| image_url | string | required |
| alt_text | string | required |
| device_type | string | required |
| caption | string | required |
{
"type": "framed_screenshot",
"image_url": "https://example.com",
"alt_text": "Descriptive alt text for accessibility",
"device_type": "Device type",
"caption": "A descriptive caption"
}
{
"identifier": "urn:air:a2uicatalog.ai:atom:framed_screenshot",
"displayName": "Framed Screenshot",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/framed_screenshot",
"capabilities": [
"web",
"meet-stage",
"apps-script-web"
],
"description": "Renders an image within a decorative frame, simulating a device (e.g.,",
"representativeQueries": [
"show a device-framed screenshot with optional caption browser, phone)",
"renders an image within a decorative frame, simulating a device (e.g.,",
"render a framed screenshot"
]
}
The renderer is open source. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.
git clone https://github.com/a2uicatalog/a2ui
cd apps-script-surface/gas-schema-renderer
clasp push && clasp deploy
Full deploy guide →