Three-panel flow diagram: natural language prompt → generated JSON schema → rendered page
| Field | Type | |
|---|---|---|
| prompt | string (the input prompt text) | required |
| schema | object or string (the generated JSON schema) | required |
| output | string (description of the rendered output) | required |
| labels | array of 3 strings (optional, panel headers) | optional |
| accent | string (optional, hex) | optional |
{
"type": "prompt_to_schema",
"prompt": "Describe what you'd like to create.",
"schema": "{\"type\": \"example\", \"value\": \"1,234\"}",
"output": "\u2713 Done in 1.2s"
}
{
"identifier": "urn:air:a2uicatalog.ai:atom:prompt_to_schema",
"displayName": "Prompt To Schema",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/prompt_to_schema",
"capabilities": [
"apps-script-web"
],
"description": "Three-panel flow diagram: natural language prompt \u2192 generated JSON schema \u2192 rendered page",
"representativeQueries": [
"show a three-panel prompt \u2192 schema \u2192 output flow",
"three-panel flow diagram: natural language prompt \u2192 generated json schema \u2192 rendered page",
"render a prompt to schema"
]
}
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 →