Quarter-based product roadmap showing milestones across Q1–Q4 or custom periods. Each period contains a list of items with a status indicator (done, in-progress, planned). Useful for product announcements and release planning slides.
| Field | Type | |
|---|---|---|
| title | string. Heading above the roadmap. | optional |
| periods | {'type': 'array', 'description': 'List of {label, items} where each item is {text, status}. status is one of done | in-progress | planned.'} | required |
{
"type": "roadmap_card",
"periods": [
"Week 1",
"Week 2",
"Week 3",
"Week 4"
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:roadmap_card",
"displayName": "Roadmap Card",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/roadmap_card",
"capabilities": [
"web",
"meet-stage",
"googlechat",
"email",
"pdf",
"apps-script-web"
],
"description": "Quarter-based product roadmap showing milestones across Q1\u2013Q4 or custom periods. Each period contains a list of items with a status indicator (done, in-progress, planned). Useful for product announcements and release planning slides.",
"representativeQueries": [
"show a quarter-based product roadmap with status-tagged milestones",
"quarter-based product roadmap showing milestones across q1\u2013q4 or custom periods. each period contain",
"render a roadmap card"
]
}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