Prompt To Schema

Three-panel flow diagram: natural language prompt → generated JSON schema → rendered page

Surfaces

webgoogle-apps-script-webmcp-apps

Live preview

Prompt

Describe what you'd like to create.

Schema

{"type": "example", "value": "1,234"}

Output

✓ Done in 1.2s

Fields

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

Example payload

{
  "type": "prompt_to_schema",
  "prompt": "Describe what you'd like to create.",
  "schema": "{\"type\": \"example\", \"value\": \"1,234\"}",
  "output": "\u2713 Done in 1.2s"
}

ARD catalog entry

{
  "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": [
    "web",
    "google-apps-script-web",
    "mcp-apps"
  ],
  "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"
  ]
}

← Full ARD catalog

Deploy your own Google Apps Script renderer

The renderer is an open-source Google Apps Script web app. 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 a2ui/apps-script-surface/gas-wired-renderer
clasp push && clasp deploy

Full deploy guide →