Spotlight Card

A content card where a radial gradient spotlight follows the cursor. Child blocks or content field.

Surfaces

webgoogle-meet-stagegoogle-apps-script-webgoogle-apps-script-side-panelmcp-apps

Live preview

The error message was the documentation

/authorize was built to print back a rejected redirect URI on purpose — the failure itself became the spec.

Templates (2 componentIds in blocks)

Fields

Field	Type
blocks	array of child atoms inside the card	required
content	markdown string (if no blocks)	required
accent	spotlight tint colour (default var(--a2ui-accent))	required

Example payload

{
  "type": "spotlight_card",
  "blocks": [
    {
      "type": "body",
      "text": "Example content."
    }
  ],
  "content": "A concise description of the content."
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:spotlight_card",
  "displayName": "Spotlight Card",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/spotlight_card",
  "capabilities": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "google-apps-script-side-panel",
    "mcp-apps"
  ],
  "description": "A content card where a radial gradient spotlight follows the cursor. Child blocks or content field.",
  "representativeQueries": [
    "show a card with cursor-following spotlight",
    "a content card where a radial gradient spotlight follows the cursor. child blocks or content field.",
    "render a spotlight 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 →