Narrative branching learning atom. Presents a real-world situation with 2-4 labelled choices. Each choice reveals a consequence with good/neutral/bad outcome styling (green/amber/red). Includes a "try again" reset on non-linked consequences. Ideal for compliance, leadership, and soft-skills training.
| Field | Type | |
|---|---|---|
| scenario | string (required). The situation or challenge presented to the learner. | required |
| context | string. Background context shown in italics above the scenario. | optional |
| accent | string. Accent colour for choice buttons. Default | optional |
| choices | array (required). Array of {label, consequence, outcome, next_url?} objects. outcome is "good", "neutral", or "bad". | required |
{
"type": "scenario_branch",
"scenario": "Success path",
"choices": [
{
"label": "Path A",
"next": "node-a"
},
{
"label": "Path B",
"next": "node-b"
}
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:scenario_branch",
"displayName": "Scenario Branch",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/scenario_branch",
"capabilities": [
"google-apps-script-web",
"web",
"google-meet-stage",
"mcp-apps"
],
"description": "Narrative branching learning atom. Presents a real-world situation with 2-4 labelled choices. Each choice reveals a consequence with good/neutral/bad outcome styling (green/amber/red). Includes a \"try again\" reset on non-linked consequences. Ideal for compliance, leadership, and soft-skills training.",
"representativeQueries": [
"show a branching scenario \u2014 situation + choices + consequence reveal with good/neutral/bad outcome",
"narrative branching learning atom. presents a real-world situation with 2-4 labelled choices. each c",
"render a scenario branch"
]
}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