Certification Card

Completion certificate card — earner name, course title, issuer, and date with a gradient border and trophy icon. Locked behind a requires check against progress_store; becomes visible when the course is marked complete. On GAS, earner name is derived from active session if not supplied.

Surfaces

google-apps-script-webwebgoogle-meet-stagemcp-apps ⚠

Degraded on

Surface	Note
mcp-apps	renders fully but without persistence — progress and live data need an Apps Script deployment

Live preview

🎓

Certificate of Completion

A2UI Fundamentals

Issued by A2UI Learning

Fields

Field	Type
course	string (required). Course name on the certificate.	required
issuer	string. Issuing organisation name. Default "A2UI Learning".	optional
requires	string. Module/course id that must be complete to reveal the certificate.	optional
earner	string. Earner display name — auto-derived from GAS session if not set.	optional
date	string. Completion date string. Defaults to today.	optional
accent	string. Gradient accent colour. Default	optional

Example payload

{
  "type": "certification_card",
  "course": "A2UI Fundamentals"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:certification_card",
  "displayName": "Certification Card",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/certification_card",
  "capabilities": [
    "google-apps-script-web",
    "web",
    "google-meet-stage",
    "mcp-apps"
  ],
  "description": "Completion certificate card \u2014 earner name, course title, issuer, and date with a gradient border and trophy icon. Locked behind a requires check against progress_store; becomes visible when the course is marked complete. On GAS, earner name is derived from active session if not supplied.",
  "representativeQueries": [
    "show a completion certificate \u2014 locked until requires id complete in progress_store; earner from GAS session",
    "completion certificate card \u2014 earner name, course title, issuer, and date with a gradient border and",
    "render a certification card"
  ]
}

← 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 →