{ "specVersion": "1.0", "host": { "displayName": "A2UI Atomic Catalog", "identifier": "did:web:a2uicatalog.ai" }, "entries": [ { "identifier": "urn:air:a2uicatalog.ai:renderer:a2ui", "displayName": "A2UI Multi-Surface Renderer", "type": "application/vnd.a2ui.renderer+json", "url": "https://a2uicatalog.ai/spec.json", "capabilities": [ "web", "meet-stage", "apps-script-web", "googlechat", "email", "pdf" ], "description": "Open-source renderer with 467 typed atoms for generating rich UI across Google Meet stages, Chat Cards, Apps Script web apps, and web surfaces from a single JSON schema payload.", "representativeQueries": [ "render a rich UI from structured JSON data", "generate Google Meet stage content from a schema", "build Google Chat cards from a data payload", "display interactive components in an Apps Script web app", "create multi-surface UI from a single atom schema" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:intro", "displayName": "Intro", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/intro", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Italic series link and/or transparency note shown at the top", "representativeQueries": [ "show a series link or transparency note at article top", "italic series link and/or transparency note shown at the top", "render a intro" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:body", "displayName": "Body", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/body", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "One or more prose paragraphs", "representativeQueries": [ "show a prose paragraph block", "one or more prose paragraphs", "render a body" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:heading", "displayName": "Heading", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/heading", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "H2 section title", "representativeQueries": [ "show a H2 section title", "render a heading" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:subheading", "displayName": "Subheading", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/subheading", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "H3 subsection title", "representativeQueries": [ "show a H3 subsection title", "render a subheading" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:quote", "displayName": "Quote", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/quote", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Pull quote or blockquote", "representativeQueries": [ "show a pull quote or blockquote with attribution", "pull quote or blockquote", "render a quote" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:code", "displayName": "Code", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/code", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Fenced code block", "representativeQueries": [ "show a syntax-highlighted fenced code block", "fenced code block", "render a code" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:pipeline", "displayName": "Pipeline", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/pipeline", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Inline left-to-right flow (e.g. build pipeline steps)", "representativeQueries": [ "show a left-to-right step flow diagram", "inline left-to-right flow (e.g. build pipeline steps)", "render a pipeline" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:bullet_list", "displayName": "Bullet List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/bullet_list", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Unordered list with optional bold lead-in per item", "representativeQueries": [ "show a unordered list with optional bold label per item", "unordered list with optional bold lead-in per item", "render a bullet list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:divider", "displayName": "Divider", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/divider", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Visual section break", "representativeQueries": [ "show a horizontal visual section break", "visual section break", "render a divider" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:youtube", "displayName": "Youtube", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/youtube", "capabilities": [ "web", "meet-stage" ], "description": "Responsive 16:9 embedded YouTube video", "representativeQueries": [ "show a responsive 16:9 YouTube embed", "responsive 16:9 embedded youtube video", "render a youtube" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:image", "displayName": "Image", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/image", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Single image with caption, hosted at a public URL", "representativeQueries": [ "show a single image with optional caption", "single image with caption, hosted at a public url", "render a image" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:image_pair", "displayName": "Image Pair", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/image_pair", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Two images side by side with individual captions", "representativeQueries": [ "show a two images side by side with captions", "two images side by side with individual captions", "render a image pair" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:diagram", "displayName": "Diagram", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/diagram", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "SVG architecture diagram hosted at a public URL", "representativeQueries": [ "show a D2 or SVG architecture diagram", "svg architecture diagram hosted at a public url", "render a diagram" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:github_repo_card", "displayName": "Github Repo Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/github_repo_card", "capabilities": [ "web", "apps-script-web" ], "description": "GitHub repo card \u2014 fetches live star/fork/language/push data from GitHub API at render time and embeds as self-contained HTML", "representativeQueries": [ "show a live GitHub repo card with stars forks and language", "github repo card \u2014 fetches live star/fork/language/push data from github api at render time and embeds as", "render a github repo card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:repo_links", "displayName": "Repo Links", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/repo_links", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Formatted GitHub repo link list at end of article", "representativeQueries": [ "show a styled GitHub repo link list", "formatted github repo link list at end of article", "render a repo links" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:closing", "displayName": "Closing", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/closing", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Final paragraph + optional hashtags", "representativeQueries": [ "show a article closing paragraph with hashtags", "final paragraph + optional hashtags", "render a closing" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:callout", "displayName": "Callout", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/callout", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Highlighted alert box \u2014 info, warning, tip, or danger", "representativeQueries": [ "show a coloured tip info warning or danger highlight box", "highlighted alert box \u2014 info, warning, tip, or danger", "render a callout" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:steps", "displayName": "Steps", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/steps", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Numbered sequential steps with blue circle indicators", "representativeQueries": [ "show a numbered step-by-step instruction sequence", "numbered sequential steps with blue circle indicators", "render a steps" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:table", "displayName": "Table", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/table", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "HTML table with styled headers, alternating rows, horizontal scroll", "representativeQueries": [ "show a data table with header row on mobile", "html table with styled headers, alternating rows, horizontal scroll", "render a table" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tabs", "displayName": "Tabs", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tabs", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "CSS-only tabbed panels \u2014 ideal for multi-language code examples", "representativeQueries": [ "show a tabbed content panels", "css-only tabbed panels \u2014 ideal for multi-language code examples", "render a tabs" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:key_value", "displayName": "Key Value", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/key_value", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Key-value table for env vars, config options, API fields", "representativeQueries": [ "show a label and value pairs in a compact grid", "key-value table for env vars, config options, api fields", "render a key value" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:before_after", "displayName": "Before After", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/before_after", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Side-by-side code comparison \u2014 red/green panels showing old vs new", "representativeQueries": [ "show a side-by-side code or content before and after comparison approach", "side-by-side code comparison \u2014 red/green panels showing old vs new", "render a before after" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:api_reference", "displayName": "Api Reference", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/api_reference", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Full API/function reference block \u2014 name, description, parameters table,", "representativeQueries": [ "show a API endpoint method parameters and response docs returns, example", "full api/function reference block \u2014 name, description, parameters table,", "render a api reference" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gallery", "displayName": "Gallery", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gallery", "capabilities": [ "web", "apps-script-web" ], "description": "Responsive image grid with CSS-only lightbox on click", "representativeQueries": [ "show a scrollable image gallery grid", "responsive image grid with css-only lightbox on click", "render a gallery" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:video_pair", "displayName": "Video Pair", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/video_pair", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Two YouTube videos side by side with optional labels", "representativeQueries": [ "show a two videos side by side", "two youtube videos side by side with optional labels", "render a video pair" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:carousel", "displayName": "Carousel", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/carousel", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "CSS-only sliding carousel with dot indicators and prev/next arrows", "representativeQueries": [ "show a horizontally scrollable card carousel", "css-only sliding carousel with dot indicators and prev/next arrows", "render a carousel" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:timeline", "displayName": "Timeline", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/timeline", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Vertical timeline with dot connectors, date badges, tag pills", "representativeQueries": [ "show a chronological event timeline", "vertical timeline with dot connectors, date badges, tag pills", "render a timeline" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:annotated_code", "displayName": "Annotated Code", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/annotated_code", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Code block with numbered yellow callout bubbles on specific lines,", "representativeQueries": [ "show a code block with numbered callout bubbles on specific lines explanation list below", "code block with numbered yellow callout bubbles on specific lines,", "render a annotated code" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:stat_card", "displayName": "Stat Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/stat_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Glowing neon stat card \u2014 large value with label and optional delta", "representativeQueries": [ "show a single KPI value with label delta and accent colour indicator", "glowing neon stat card \u2014 large value with label and optional delta", "render a stat card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:progress_bar", "displayName": "Progress Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/progress_bar", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Animated CSS progress bar with glow pulse effect", "representativeQueries": [ "show a labelled horizontal progress bar with percentage", "animated css progress bar with glow pulse effect", "render a progress bar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:badge_group", "displayName": "Badge Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/badge_group", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Group of coloured status badges with optional pulse animation \u2014 green/cyan/blue/yellow/red/purple/grey", "representativeQueries": [ "show a row of coloured label badges", "group of coloured status badges with optional pulse animation \u2014 green/cyan/blue/yellow/red/purple/grey", "render a badge group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sparkline", "displayName": "Sparkline", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sparkline", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a small, simple line chart without axes or coordinates, showing", "representativeQueries": [ "show a inline SVG trend line chart general trends", "renders a small, simple line chart without axes or coordinates, showing", "render a sparkline" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:heatmap", "displayName": "Heatmap", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/heatmap", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a graphical representation of data where individual values", "representativeQueries": [ "show a grid heatmap coloured by intensity value are represented as colors in a matrix", "renders a graphical representation of data where individual values", "render a heatmap" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:punch_card", "displayName": "Punch Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/punch_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a Day-of-Week vs. Hour-of-Day bubble grid (punch card) of repository or commit activity, where bubble size is proportional to activity.", "representativeQueries": [ "show a 7x24 grid of glowing activity bubbles representing hourly commits", "renders a day-of-week vs. hour-of-day bubble grid (punch card) of repository or commit activity, where bubble size is", "render a punch card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sankey_flow", "displayName": "Sankey Flow", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sankey_flow", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a flow diagram (Sankey flow) where left-hand source nodes connect to right-hand target nodes via beautiful, curved gradient Bezier bands.", "representativeQueries": [ "show a curved dual-column gradient flow diagram for financial or pipeline streams", "renders a flow diagram (sankey flow) where left-hand source nodes connect to right-hand target nodes via beautiful,", "render a sankey flow" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:cohort_retention", "displayName": "Cohort Retention", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/cohort_retention", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a SaaS subscription or customer cohort retention triangular matrix with color-coded continuous gradients.", "representativeQueries": [ "show a triangular cohort retention grid with continuous color-scale rendering", "renders a saas subscription or customer cohort retention triangular matrix with color-coded continuous gradients", "render a cohort retention" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:donut_stat", "displayName": "Donut Stat", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/donut_stat", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a single key metric with a surrounding donut chart indicating", "representativeQueries": [ "show a CSS ring chart with centre value and percentage its proportion or progress", "renders a single key metric with a surrounding donut chart indicating", "render a donut stat" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:metric_delta", "displayName": "Metric Delta", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/metric_delta", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a key performance indicator with its current value and a numerical", "representativeQueries": [ "show a big number metric with directional change indicator or percentage", "renders a key performance indicator with its current value and a numerical", "render a metric delta" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:task_list", "displayName": "Task List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/task_list", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a premium, glassmorphic checklist and action item tracker with status checkboxes, priorities, assignees, and due dates.", "representativeQueries": [ "show a glassmorphic structured checklist with priority and assignee badges", "renders a premium, glassmorphic checklist and action item tracker with status checkboxes, priorities, assignees, and", "render a task list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sentiment_summary", "displayName": "Sentiment Summary", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sentiment_summary", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders an emotional summary and sentiment tracker for a call or meeting, showing positive/negative/neutral mix, sentiment index progress arc, and emotional journey area timeline.", "representativeQueries": [ "show a meeting sentiment analyzer with index arc and timeline chart", "renders an emotional summary and sentiment tracker for a call or meeting, showing positive/negative/neutral mix,", "render a sentiment summary" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:trend_indicator", "displayName": "Trend Indicator", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/trend_indicator", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a simple visual indicator (e.g., arrow, icon) representing", "representativeQueries": [ "show a compact inline value with mini trend bar the direction of a", "renders a simple visual indicator (e.g., arrow, icon) representing", "render a trend indicator" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:breadcrumb", "displayName": "Breadcrumb", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/breadcrumb", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A navigation aid indicating the user's current location within a hierarchical", "representativeQueries": [ "show a navigation breadcrumb trail structure", "a navigation aid indicating the user's current location within a hierarchical", "render a breadcrumb" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:pagination", "displayName": "Pagination", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/pagination", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A control for navigating through a series of pages or results.", "representativeQueries": [ "show a page number controls", "a control for navigating through a series of pages or results", "render a pagination" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:stepper", "displayName": "Stepper", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/stepper", "capabilities": [ "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "Vertical step sequence where completed steps show an animated SVG checkmark draw, the active step pulses with a sonar-style glow ring, and pending steps are muted. State is driven by active_index \u2014 a single integer the agent increments as each step completes. No JavaScript required.", "representativeQueries": [ "show a CSS animated vertical step sequence with checkmark draw and active pulse", "vertical step sequence where completed steps show an animated svg checkmark draw, the active step pulses with a", "render a stepper" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tab_bar", "displayName": "Tab Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tab_bar", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A horizontal navigation component displaying a set of clickable tabs,", "representativeQueries": [ "show a horizontal tab navigation bar typically leading to different sections or pages", "a horizontal navigation component displaying a set of clickable tabs,", "render a tab bar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:anchor_list", "displayName": "Anchor List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/anchor_list", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "A list of links that navigate to specific sections within the current", "representativeQueries": [ "show a in-page anchor navigation links document or to external URLs", "a list of links that navigate to specific sections within the current", "render a anchor list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:faq_accordion", "displayName": "Faq Accordion", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/faq_accordion", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a list of questions and answers, where answers are hidden until", "representativeQueries": [ "show a collapsible FAQ question and answer list the question is clicked", "renders a list of questions and answers, where answers are hidden until", "render a faq accordion" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:glossary_term", "displayName": "Glossary Term", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/glossary_term", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a term with its definition, often with an optional link for", "representativeQueries": [ "show a definition term with explanation more details", "renders a term with its definition, often with an optional link for", "render a glossary term" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:footnote", "displayName": "Footnote", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/footnote", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a numbered footnote reference and its corresponding text, typically", "representativeQueries": [ "show a numbered footnote reference at the bottom of a section or page", "renders a numbered footnote reference and its corresponding text, typically", "render a footnote" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:blockquote_with_avatar", "displayName": "Blockquote With Avatar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/blockquote_with_avatar", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a blockquote with an associated avatar and attribution.", "representativeQueries": [ "show a testimonial quote with avatar and attribution", "renders a blockquote with an associated avatar and attribution", "render a blockquote with avatar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:pull_stat", "displayName": "Pull Stat", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/pull_stat", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a prominent, large statistic or number, often with a brief", "representativeQueries": [ "show a large display number pulled from prose for emphasis descriptive label", "renders a prominent, large statistic or number, often with a brief", "render a pull stat" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:accordion_item", "displayName": "Accordion Item", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/accordion_item", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a single section of content that can be expanded or collapsed", "representativeQueries": [ "show a single collapsible section with toggle by clicking its header, using only CSS", "renders a single section of content that can be expanded or collapsed", "render a accordion item" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tooltip", "displayName": "Tooltip", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tooltip", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a small, informational popup that appears when a user hovers", "representativeQueries": [ "show a hover tooltip on a trigger element over a specified trigger element, using only CSS", "renders a small, informational popup that appears when a user hovers", "render a tooltip" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:hover_card", "displayName": "Hover Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/hover_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a rich content card that appears when a user hovers over a", "representativeQueries": [ "show a rich hover card revealed on mouse over specified trigger element, using only CSS", "renders a rich content card that appears when a user hovers over a", "render a hover card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:collapsible_panel", "displayName": "Collapsible Panel", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/collapsible_panel", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a standalone section of content that can be toggled between", "representativeQueries": [ "show a expandable content panel with header toggle visible and hidden states by clicking a control, using only CSS", "renders a standalone section of content that can be toggled between", "render a collapsible panel" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:css_modal", "displayName": "Css Modal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/css_modal", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a modal dialog that appears on click and can be dismissed,", "representativeQueries": [ "show a pure-CSS modal dialog triggered by checkbox controlled purely by CSS without JavaScript", "renders a modal dialog that appears on click and can be dismissed,", "render a css modal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:audio_player", "displayName": "Audio Player", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/audio_player", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders an embedded audio player for a given URL.", "representativeQueries": [ "show a inline audio player with controls", "renders an embedded audio player for a given url", "render a audio player" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:audio_link", "displayName": "Audio Link", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/audio_link", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a clickable link to an audio file, often with an audio icon.", "representativeQueries": [ "show a styled link to an audio file", "renders a clickable link to an audio file, often with an audio icon", "render a audio link" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:pdf_preview", "displayName": "Pdf Preview", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/pdf_preview", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders an image thumbnail of a PDF document with a link to the full", "representativeQueries": [ "show a embedded PDF preview panel PDF", "renders an image thumbnail of a pdf document with a link to the full", "render a pdf preview" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:document_link", "displayName": "Document Link", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/document_link", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a clickable link to a document (e.g., PDF, DOCX), often with", "representativeQueries": [ "show a styled link to a downloadable document a document icon", "renders a clickable link to a document (e.g., pdf, docx), often with", "render a document link" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:video_thumbnail", "displayName": "Video Thumbnail", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/video_thumbnail", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a static image thumbnail for a video, with a play icon overlay", "representativeQueries": [ "show a clickable video thumbnail with play button and a link to the video source", "renders a static image thumbnail for a video, with a play icon overlay", "render a video thumbnail" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:video_card", "displayName": "Video Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/video_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a card with a video thumbnail, title, and description, linking", "representativeQueries": [ "show a video with title description and metadata to the video source", "renders a card with a video thumbnail, title, and description, linking", "render a video card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:code_diff", "displayName": "Code Diff", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/code_diff", "capabilities": [ "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "Unified diff view computed server-side via Python difflib. Added lines have a green left border and fade-in background; removed lines have red. Unchanged context lines are neutral. Optional line numbers, language badge, and title. No JavaScript required \u2014 diff is computed at render time, not in the browser.", "representativeQueries": [ "show a server-side unified diff view with green additions and red removals", "unified diff view computed server-side via python difflib. added lines have a green left border and fade-in", "render a code diff" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:code_snippet_pair", "displayName": "Code Snippet Pair", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/code_snippet_pair", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders two distinct code snippets side-by-side or stacked, without", "representativeQueries": [ "show a two code blocks side by side without diff highlighting diff highlighting", "renders two distinct code snippets side-by-side or stacked, without", "render a code snippet pair" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:framed_screenshot", "displayName": "Framed Screenshot", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/framed_screenshot", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders an image within a decorative frame, simulating a device (e.g.,", "representativeQueries": [ "show a device-framed screenshot with optional caption browser, phone)", "renders an image within a decorative frame, simulating a device (e.g.,", "render a framed screenshot" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:image_with_caption", "displayName": "Image With Caption", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/image_with_caption", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a single image with a descriptive caption below it.", "representativeQueries": [ "show a image with styled caption below", "renders a single image with a descriptive caption below it", "render a image with caption" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:alert_banner", "displayName": "Alert Banner", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/alert_banner", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A prominent banner displaying a message, often with an icon and an", "representativeQueries": [ "show a full-width status alert strip optional action", "a prominent banner displaying a message, often with an icon and an", "render a alert banner" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:toast_notification", "displayName": "Toast Notification", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/toast_notification", "capabilities": [ "web", "gas-sidebar", "apps-script-web" ], "description": "A fixed-position slide-in notification toast that appears from a corner of the viewport, holds for 3.5 seconds, then slides back out \u2014 all via CSS keyframes. Renders a viewport placeholder in the article flow with the toast positioned fixed above it.", "representativeQueries": [ "show a CSS slide-in/out fixed-position notification toast", "a fixed-position slide-in notification toast that appears from a corner of the viewport, holds for 3.5 seconds, then", "render a toast notification" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:loading_skeleton", "displayName": "Loading Skeleton", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/loading_skeleton", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A placeholder UI that shows the structure of content while it's loading,", "representativeQueries": [ "show a animated placeholder skeleton while content loads indicating active data fetching", "a placeholder ui that shows the structure of content while it's loading,", "render a loading skeleton" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:empty_state", "displayName": "Empty State", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/empty_state", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A UI pattern displayed when there is no data to show, often with an", "representativeQueries": [ "show a zero-data empty state with icon and call to action image, message, and an optional call to action", "a ui pattern displayed when there is no data to show, often with an", "render a empty state" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:spinner", "displayName": "Spinner", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/spinner", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A simple rotating animation indicating that content is loading or an", "representativeQueries": [ "show a loading spinner indicator operation is in progress", "a simple rotating animation indicating that content is loading or an", "render a spinner" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:status_pill", "displayName": "Status Pill", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/status_pill", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A small, colored label or \"pill\" used to display a concise status for", "representativeQueries": [ "show a coloured status pill badge an item", "a small, colored label or \"pill\" used to display a concise status for", "render a status pill" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:inline_feedback_message", "displayName": "Inline Feedback Message", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/inline_feedback_message", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A small, contextual message displayed inline with content, often used", "representativeQueries": [ "show a inline success error or warning message for validation feedback or hints", "a small, contextual message displayed inline with content, often used", "render a inline feedback message" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:rating_stars", "displayName": "Rating Stars", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/rating_stars", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A visual component allowing users to rate an item using a series of", "representativeQueries": [ "show a star rating display stars, or displaying a static rating", "a visual component allowing users to rate an item using a series of", "render a rating stars" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:progress_circle", "displayName": "Progress Circle", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/progress_circle", "capabilities": [ "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "SVG circular progress arc that animates from 0 to the target value on mount using CSS stroke-dashoffset transition. Percentage is displayed in the centre. Replaces the prior placeholder implementation with a proper animated SVG arc. No JavaScript required.", "representativeQueries": [ "show a CSS stroke-dashoffset animated SVG progress arc with centre percentage", "svg circular progress arc that animates from 0 to the target value on mount using css stroke-dashoffset transition", "render a progress circle" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:action_required_card", "displayName": "Action Required Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/action_required_card", "capabilities": [ "web", "meet-stage", "googlechat", "apps-script-web" ], "description": "A card highlighting an important status or issue that requires immediate", "representativeQueries": [ "show a prominent card prompting a required user action user attention,", "a card highlighting an important status or issue that requires immediate", "render a action required card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:feature_matrix", "displayName": "Feature Matrix", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/feature_matrix", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a table comparing features across multiple products or versions.", "representativeQueries": [ "show a features versus plans comparison matrix", "renders a table comparing features across multiple products or versions", "render a feature matrix" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:pricing_tier_card", "displayName": "Pricing Tier Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/pricing_tier_card", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a single pricing plan with its name, price, key features, and", "representativeQueries": [ "show a single pricing plan card with features list an optional call to action", "renders a single pricing plan with its name, price, key features, and", "render a pricing tier card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:pricing_tier_group", "displayName": "Pricing Tier Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/pricing_tier_group", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a collection of pricing tier cards, typically for comparing", "representativeQueries": [ "show a side-by-side pricing plan comparison different subscription plans", "renders a collection of pricing tier cards, typically for comparing", "render a pricing tier group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:pros_cons_list", "displayName": "Pros Cons List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/pros_cons_list", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a two-column list itemizing advantages and disadvantages for", "representativeQueries": [ "show a two-column pros and cons comparison a single subject", "renders a two-column list itemizing advantages and disadvantages for", "render a pros cons list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:side_by_side_spec", "displayName": "Side By Side Spec", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/side_by_side_spec", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a detailed comparison of two items, displaying their attributes", "representativeQueries": [ "show a two items compared spec by spec and values side-by-side", "renders a detailed comparison of two items, displaying their attributes", "render a side by side spec" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:product_spec_table", "displayName": "Product Spec Table", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/product_spec_table", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a table detailing technical specifications or features for", "representativeQueries": [ "show a product specifications in a clean table a single product", "renders a table detailing technical specifications or features for", "render a product spec table" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:comparison_grid", "displayName": "Comparison Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/comparison_grid", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a grid comparing multiple products or services with features,", "representativeQueries": [ "show a multi-item attribute comparison grid often using icons or checkmarks to indicate presence", "renders a grid comparing multiple products or services with features,", "render a comparison grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:versus_block", "displayName": "Versus Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/versus_block", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a block explicitly comparing two entities with a prominent", "representativeQueries": [ "show a head-to-head two-option versus card \"VS\" separator", "renders a block explicitly comparing two entities with a prominent", "render a versus block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:rating_comparison", "displayName": "Rating Comparison", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/rating_comparison", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a comparison of multiple items based on star ratings or numerical", "representativeQueries": [ "show a multiple items rated across dimensions scores", "renders a comparison of multiple items based on star ratings or numerical", "render a rating comparison" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:capability_checklist", "displayName": "Capability Checklist", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/capability_checklist", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a list of capabilities, indicating which items possess each", "representativeQueries": [ "show a feature capability tick list per tier capability using checkmarks", "renders a list of capabilities, indicating which items possess each", "render a capability checklist" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:toggle_switch", "displayName": "Toggle Switch", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/toggle_switch", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a visual on/off switch.", "representativeQueries": [ "show a CSS toggle switch input", "renders a visual on/off switch", "render a toggle switch" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:expandable_text", "displayName": "Expandable Text", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/expandable_text", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a block of text that can be expanded or collapsed to reveal", "representativeQueries": [ "show a truncated text with read more expand toggle more content", "renders a block of text that can be expanded or collapsed to reveal", "render a expandable text" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:flip_card", "displayName": "Flip Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/flip_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a card with a front and back side that flips on interaction.", "representativeQueries": [ "show a card that flips on hover to reveal back content", "renders a card with a front and back side that flips on interaction", "render a flip card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:image_hotspots", "displayName": "Image Hotspots", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/image_hotspots", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders an image with interactive points that display information on", "representativeQueries": [ "show a image with clickable annotated hotspot overlays hover", "renders an image with interactive points that display information on", "render a image hotspots" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:css_dropdown_menu", "displayName": "Css Dropdown Menu", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/css_dropdown_menu", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a menu that appears when a trigger element is hovered or focused.", "representativeQueries": [ "show a pure-CSS dropdown navigation menu", "renders a menu that appears when a trigger element is hovered or focused", "render a css dropdown menu" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:star_rating_input", "displayName": "Star Rating Input", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/star_rating_input", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders an interactive star rating component for user input.", "representativeQueries": [ "show a interactive star rating input", "renders an interactive star rating component for user input", "render a star rating input" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:segmented_control", "displayName": "Segmented Control", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/segmented_control", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a group of mutually exclusive buttons for selection, styled", "representativeQueries": [ "show a mutually exclusive option selector strip as a single control", "renders a group of mutually exclusive buttons for selection, styled", "render a segmented control" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:zoomable_image", "displayName": "Zoomable Image", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/zoomable_image", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders an image that magnifies when hovered over.", "representativeQueries": [ "show a image with click-to-zoom lightbox", "renders an image that magnifies when hovered over", "render a zoomable image" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:custom_checkbox_group", "displayName": "Custom Checkbox Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/custom_checkbox_group", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a group of custom-styled checkboxes allowing multiple selections.", "representativeQueries": [ "show a styled checkbox group input", "renders a group of custom-styled checkboxes allowing multiple selections", "render a custom checkbox group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:css_slide_panel", "displayName": "Css Slide Panel", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/css_slide_panel", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a panel that slides into view from the side of the screen on", "representativeQueries": [ "show a CSS-only slide-in panel drawer activation", "renders a panel that slides into view from the side of the screen on", "render a css slide panel" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:testimonial_card", "displayName": "Testimonial Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/testimonial_card", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a single customer testimonial with text, author details, and", "representativeQueries": [ "show a customer testimonial with photo name and quote an optional avatar", "renders a single customer testimonial with text, author details, and", "render a testimonial card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:star_rating_display", "displayName": "Star Rating Display", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/star_rating_display", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a visual representation of a star rating, optionally with a", "representativeQueries": [ "show a read-only star rating with score and count total review count", "renders a visual representation of a star rating, optionally with a", "render a star rating display" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:avatar_group", "displayName": "Avatar Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/avatar_group", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a stack or row of small user avatars, often indicating a group", "representativeQueries": [ "show a stacked user avatar group with overflow count or community", "renders a stack or row of small user avatars, often indicating a group", "render a avatar group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:contributor_list", "displayName": "Contributor List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/contributor_list", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a list of individuals who have contributed to a project or", "representativeQueries": [ "show a list of contributors with avatar and role community, with their", "renders a list of individuals who have contributed to a project or", "render a contributor list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:customer_logo_grid", "displayName": "Customer Logo Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/customer_logo_grid", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a grid or row of logos from featured customers or partners.", "representativeQueries": [ "show a grid of customer or partner logos", "renders a grid or row of logos from featured customers or partners", "render a customer logo grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:social_proof_banner", "displayName": "Social Proof Banner", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/social_proof_banner", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a prominent banner highlighting a key social proof metric or", "representativeQueries": [ "show a social proof strip with stats and logos achievement", "renders a prominent banner highlighting a key social proof metric or", "render a social proof banner" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:media_mention_card", "displayName": "Media Mention Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/media_mention_card", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a card showcasing a mention or feature in a media publication.", "representativeQueries": [ "show a press or media mention with logo and quote", "renders a card showcasing a mention or feature in a media publication", "render a media mention card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:expert_endorsement", "displayName": "Expert Endorsement", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/expert_endorsement", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders an endorsement from an industry expert, including their quote,", "representativeQueries": [ "show a expert quote with credentials and photo name, and credentials", "renders an endorsement from an industry expert, including their quote,", "render a expert endorsement" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:review_callout", "displayName": "Review Callout", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/review_callout", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Renders a short, impactful quote from a customer review, often accompanied", "representativeQueries": [ "show a highlighted customer review excerpt by a star rating", "renders a short, impactful quote from a customer review, often accompanied", "render a review callout" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:social_feed_embed", "displayName": "Social Feed Embed", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/social_feed_embed", "capabilities": [ "web", "meet-stage" ], "description": "Renders an embedded snippet of a social media post, such as a tweet", "representativeQueries": [ "show a embedded social media post or feed or Instagram post", "renders an embedded snippet of a social media post, such as a tweet", "render a social feed embed" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:terminal_block", "displayName": "Terminal Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/terminal_block", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a static or interactive command-line interface terminal window showing input commands and output logs.", "representativeQueries": [ "show a display terminal commands and code output in a simulated console window", "renders a static or interactive command-line interface terminal window showing input commands and output logs", "render a terminal block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:file_tree", "displayName": "File Tree", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/file_tree", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a hierarchical layout displaying directory structures, folders, and individual files for software projects.", "representativeQueries": [ "show a present hierarchical directory structures and files for software project navigation", "renders a hierarchical layout displaying directory structures, folders, and individual files for software projects", "render a file tree" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tabbed_code", "displayName": "Tabbed Code", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tabbed_code", "capabilities": [ "web", "apps-script-web" ], "description": "Renders multiple code snippets organized inside an interactive, multi-tab container component.", "representativeQueries": [ "show a organize multiple programming language snippets inside an interactive tab container", "renders multiple code snippets organized inside an interactive, multi-tab container component", "render a tabbed code" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:http_request_block", "displayName": "Http Request Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/http_request_block", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a formatted API request block displaying the HTTP method badge, URL endpoint, headers, and body.", "representativeQueries": [ "show a document REST API endpoints with HTTP methods, headers, and payloads", "renders a formatted api request block displaying the http method badge, url endpoint, headers, and body", "render a http request block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:env_var_list", "displayName": "Env Var List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/env_var_list", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a clear configuration list detailing system environment variable keys, descriptions, and default values.", "representativeQueries": [ "show a list configuration environment variables with descriptions and default values", "renders a clear configuration list detailing system environment variable keys, descriptions, and default values", "render a env var list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:prerequisite_checklist", "displayName": "Prerequisite Checklist", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/prerequisite_checklist", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a callout box highlighting required tools, knowledge, or setups needed before starting a guide.", "representativeQueries": [ "show a highlight prerequisite knowledge and system requirements before", "renders a callout box highlighting required tools, knowledge, or setups needed before starting a guide", "render a prerequisite checklist" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:keyboard_shortcut", "displayName": "Keyboard Shortcut", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/keyboard_shortcut", "capabilities": [ "web", "apps-script-web" ], "description": "Renders inline text visual tags mimicking keyboard keys to highlight shortcuts or hotkey combinations.", "representativeQueries": [ "show a display visual keyboard key combinations for application shortcuts and hotkeys", "renders inline text visual tags mimicking keyboard keys to highlight shortcuts or hotkey combinations", "render a keyboard shortcut" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:api_param_table", "displayName": "Api Param Table", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/api_param_table", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a structured documentation table outlining parameter fields, data types, requirements, and fallback options.", "representativeQueries": [ "show a reference table detailing API parameters, data types, and default values", "renders a structured documentation table outlining parameter fields, data types, requirements, and fallback options", "render a api param table" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:version_badge", "displayName": "Version Badge", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/version_badge", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a small visual tag showing software release or dependency version numbers.", "representativeQueries": [ "show a software release or dependency version number tag", "displays a small visual tag showing software release or dependency version numbers", "render a version badge" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:deprecation_notice", "displayName": "Deprecation Notice", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/deprecation_notice", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a prominent warning banner indicating a feature or API is no longer supported.", "representativeQueries": [ "show a warning banner for deprecated features or unsupported APIs", "displays a prominent warning banner indicating a feature or api is no longer supported", "render a deprecation notice" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:experimental_banner", "displayName": "Experimental Banner", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/experimental_banner", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a callout box identifying a feature or code path as experimental or unstable.", "representativeQueries": [ "show a highlight experimental or unstable feature notice callout", "renders a callout box identifying a feature or code path as experimental or unstable", "render a experimental banner" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:cli_command", "displayName": "Cli Command", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/cli_command", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a copyable single-line command-line prompt for terminal execution.", "representativeQueries": [ "show a copyable single-line terminal command execution string", "displays a copyable single-line command-line prompt for terminal execution", "render a cli command" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:copy_code_button", "displayName": "Copy Code Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/copy_code_button", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a discrete interactive button that copies associated text or code to the clipboard.", "representativeQueries": [ "show a button to copy specified text or code to clipboard", "renders a discrete interactive button that copies associated text or code to the clipboard", "render a copy code button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:log_output", "displayName": "Log Output", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/log_output", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a scrollable monospace block containing raw system or compilation log strings.", "representativeQueries": [ "show a scrollable monospace server or compiler log output block", "displays a scrollable monospace block containing raw system or compilation log strings", "render a log output" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:json_tree_viewer", "displayName": "Json Tree Viewer", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/json_tree_viewer", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a nested, expandable visual explorer for structural JSON data objects.", "representativeQueries": [ "show a expandable visual explorer for nested JSON data", "displays a nested, expandable visual explorer for structural json data objects", "render a json tree viewer" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:key_takeaways", "displayName": "Key Takeaways", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/key_takeaways", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a highlighted summary box containing critical bullet points from an article.", "representativeQueries": [ "show a highlighted summary of main conclusions and critical takeaways", "displays a highlighted summary box containing critical bullet points from an article", "render a key takeaways" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:summary_box", "displayName": "Summary Box", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/summary_box", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a condensed overview panel summarising article content at a glance.", "representativeQueries": [ "show a condensed introductory panel with article overview", "renders a condensed overview panel summarising article content at a glance", "render a summary box" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:learning_objectives", "displayName": "Learning Objectives", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/learning_objectives", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a checklist-style panel outlining competencies a reader will gain from the content.", "representativeQueries": [ "show a checklist of educational goals and competencies gained post-reading", "displays a checklist-style panel outlining competencies a reader will gain from the content", "render a learning objectives" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:changelog_entry", "displayName": "Changelog Entry", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/changelog_entry", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a single timeline entry documenting additions, fixes, or modifications in a software release.", "representativeQueries": [ "show a timeline entry documenting product modifications per release", "renders a single timeline entry documenting additions, fixes, or modifications in a software release", "render a changelog entry" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:release_notes", "displayName": "Release Notes", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/release_notes", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a grouped publication document containing categorised changes for a version launch.", "representativeQueries": [ "show a grouped product release documentation by change category", "displays a grouped publication document containing categorised changes for a version launch", "render a release notes" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:further_reading", "displayName": "Further Reading", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/further_reading", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a curated list of links and references for extending understanding beyond the article.", "representativeQueries": [ "show a curated references for extending topic research", "displays a curated list of links and references for extending understanding beyond the article", "render a further reading" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:resources_list", "displayName": "Resources List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/resources_list", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a clean inventory list of downloadable assets or reference files with metadata.", "representativeQueries": [ "show a downloadable project assets and attached resource links", "renders a clean inventory list of downloadable assets or reference files with metadata", "render a resources list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sidebar_note", "displayName": "Sidebar Note", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sidebar_note", "capabilities": [ "web", "apps-script-web" ], "description": "Displays an off-axis callout block containing peripheral thoughts, caveats, or fun facts.", "representativeQueries": [ "show a off-axis container for peripheral notes or caveats", "displays an off-axis callout block containing peripheral thoughts, caveats, or fun facts", "render a sidebar note" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:difficulty_badge", "displayName": "Difficulty Badge", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/difficulty_badge", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a small visual marker representing the technical complexity level of an article.", "representativeQueries": [ "show a label technical complexity level of blog content", "displays a small visual marker representing the technical complexity level of an article", "render a difficulty badge" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:caution_block", "displayName": "Caution Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/caution_block", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a high-visibility callout box warning readers about potential pitfalls or destructive actions.", "representativeQueries": [ "show a highlight dangerous pitfalls or critical destructive actions", "renders a high-visibility callout box warning readers about potential pitfalls or destructive actions", "render a caution block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:checklist_interactive", "displayName": "Checklist Interactive", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/checklist_interactive", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a list of items with actionable checkboxes for readers to track task progress.", "representativeQueries": [ "show a interactive task tracking checklist for article milestones", "renders a list of items with actionable checkboxes for readers to track task progress", "render a checklist interactive" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:glossary_inline", "displayName": "Glossary Inline", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/glossary_inline", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a specialised inline element displaying technical term definitions on hover.", "representativeQueries": [ "show a inline hover tooltips for complex technical term definitions", "renders a specialised inline element displaying technical term definitions on hover", "render a glossary inline" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:time_estimate", "displayName": "Time Estimate", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/time_estimate", "capabilities": [ "web", "apps-script-web" ], "description": "Displays the estimated duration required to fully read or complete an article.", "representativeQueries": [ "show a estimated reading duration badge for article content", "displays the estimated duration required to fully read or complete an article", "render a time estimate" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:progress_checkpoint", "displayName": "Progress Checkpoint", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/progress_checkpoint", "capabilities": [ "web", "apps-script-web" ], "description": "Displays an indicator showing the reader's current location within a multi-step sequence.", "representativeQueries": [ "show a milestone progress indicator across multi-step tutorial", "displays an indicator showing the reader's current location within a multi-step sequence", "render a progress checkpoint" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:social_share_bar", "displayName": "Social Share Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/social_share_bar", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a row of quick-action buttons enabling readers to share the post to external networks.", "representativeQueries": [ "show a social media buttons for sharing article to external networks", "displays a row of quick-action buttons enabling readers to share the post to external networks", "render a social share bar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:newsletter_cta", "displayName": "Newsletter Cta", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/newsletter_cta", "capabilities": [ "web", "apps-script-web" ], "description": "Displays an input block encouraging readers to subscribe to an email update list.", "representativeQueries": [ "show a email subscription form for recurring reader updates", "displays an input block encouraging readers to subscribe to an email update list", "render a newsletter cta" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:author_bio_card", "displayName": "Author Bio Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/author_bio_card", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a profile section containing the creator's avatar, bio, and links.", "representativeQueries": [ "show a profile block displaying content creator biographical details", "renders a profile section containing the creator's avatar, bio, and links", "render a author bio card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:related_posts_grid", "displayName": "Related Posts Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/related_posts_grid", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a curated grid of preview cards for complementary reading material.", "representativeQueries": [ "show a grid of recommended alternative post reading cards", "displays a curated grid of preview cards for complementary reading material", "render a related posts grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:series_overview_card", "displayName": "Series Overview Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/series_overview_card", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a navigation box indexing all parts within a multi-part article series.", "representativeQueries": [ "show a navigation index for multi-part article series parts", "renders a navigation box indexing all parts within a multi-part article series", "render a series overview card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:reaction_group", "displayName": "Reaction Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/reaction_group", "capabilities": [ "web", "apps-script-web" ], "description": "Displays an interactive set of emoji elements collecting emotional sentiment feedback from readers.", "representativeQueries": [ "show a emoji reaction counters collecting reader sentiment feedback", "displays an interactive set of emoji elements collecting emotional sentiment feedback from readers", "render a reaction group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:linkedin_post_image", "displayName": "Linkedin Post Image", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/linkedin_post_image", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a styled LinkedIn post image preview (conviction card, stat card, or carousel slide). Screenshot at 1.91:1 ratio for social sharing.", "representativeQueries": [ "show a LinkedIn post image preview \u2014 conviction_card, stat_card, or carousel_slide mode", "renders a styled linkedin post image preview (conviction card, stat card, or carousel slide). screenshot at 1.91:1", "render a linkedin post image" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:share_quote", "displayName": "Share Quote", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/share_quote", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a visually distinct callout showcasing a key phrase designed for social clipping.", "representativeQueries": [ "show a prominent blockquote optimised for social media sharing", "displays a visually distinct callout showcasing a key phrase designed for social clipping", "render a share quote" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:follow_cta", "displayName": "Follow Cta", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/follow_cta", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a banner encouraging readers to connect with official social channels.", "representativeQueries": [ "show a call to action driving social media community expansion", "renders a banner encouraging readers to connect with official social channels", "render a follow cta" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:follow_button", "displayName": "Follow Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/follow_button", "capabilities": [ "web", "apps-script-web" ], "description": "Displays a single button allowing a user to subscribe directly to a profile.", "representativeQueries": [ "show a direct profile subscription button for social platforms", "displays a single button allowing a user to subscribe directly to a profile", "render a follow button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:reading_progress_bar", "displayName": "Reading Progress Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/reading_progress_bar", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a horizontal visual bar tracking the reader's scroll completion depth within the article.", "representativeQueries": [ "show a track and display article reading progress completion status", "renders a horizontal visual bar tracking the reader's scroll completion depth within the article", "render a reading progress bar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:table_of_contents", "displayName": "Table Of Contents", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/table_of_contents", "capabilities": [ "web", "apps-script-web" ], "description": "Renders an active list directory of navigation links targeting main content sections.", "representativeQueries": [ "show a navigate article sections using structured heading directory links", "renders an active list directory of navigation links targeting main content sections", "render a table of contents" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:article_hero", "displayName": "Article Hero", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/article_hero", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a prominent visual header displaying title, metadata, and background cover imagery.", "representativeQueries": [ "show a display prominent introductory headline and banner media", "renders a prominent visual header displaying title, metadata, and background cover imagery", "render a article hero" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:scroll_to_top", "displayName": "Scroll To Top", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/scroll_to_top", "capabilities": [ "web", "apps-script-web" ], "description": "Renders an interactive button providing smooth automated viewport reset to page top.", "representativeQueries": [ "show a quickly return viewport to top of page document", "renders an interactive button providing smooth automated viewport reset to page top", "render a scroll to top" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:article_series_nav", "displayName": "Article Series Nav", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/article_series_nav", "capabilities": [ "web", "apps-script-web" ], "description": "Renders an organized multi-part sequence navigation panel mapping serial publication installments.", "representativeQueries": [ "show a navigate interconnected parts inside multi-part blog series", "renders an organized multi-part sequence navigation panel mapping serial publication installments", "render a article series nav" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:embed_codepen", "displayName": "Embed Codepen", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/embed_codepen", "capabilities": [ "web" ], "description": "Renders an embedded interactive CodePen sandbox workspace within the document.", "representativeQueries": [ "show a embed interactive CodePen workspace development environments", "renders an embedded interactive codepen sandbox workspace within the document", "render a embed codepen" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:embed_stackblitz", "displayName": "Embed Stackblitz", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/embed_stackblitz", "capabilities": [ "web" ], "description": "Renders an integrated live development engine frame executing StackBlitz workspace code.", "representativeQueries": [ "show a embed dynamic StackBlitz live IDE code sandboxes", "renders an integrated live development engine frame executing stackblitz workspace code", "render a embed stackblitz" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:embed_gist", "displayName": "Embed Gist", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/embed_gist", "capabilities": [ "web" ], "description": "Displays an inline styled snippet view of remote code from GitHub Gists.", "representativeQueries": [ "show a embed version-controlled GitHub Gist source code snippets", "displays an inline styled snippet view of remote code from github gists", "render a embed gist" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:embed_tweet", "displayName": "Embed Tweet", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/embed_tweet", "capabilities": [ "web" ], "description": "Displays a fully rendered standalone publication card containing Twitter status data.", "representativeQueries": [ "show a embed live public Twitter status updates and media", "displays a fully rendered standalone publication card containing twitter status data", "render a embed tweet" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:embed_google_slides", "displayName": "Embed Google Slides", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/embed_google_slides", "capabilities": [ "web" ], "description": "Renders an interactive presentation iframe viewer loading Google Slides resources.", "representativeQueries": [ "show a embed interactive Google Slides presentation slide decks", "renders an interactive presentation iframe viewer loading google slides resources", "render a embed google slides" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:lottie_animation", "displayName": "Lottie Animation", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/lottie_animation", "capabilities": [ "web" ], "description": "Renders an active vector illustration display controlled via Lottie runtime rules.", "representativeQueries": [ "show a render lightweight high-performance vector Lottie animations", "renders an active vector illustration display controlled via lottie runtime rules", "render a lottie animation" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:figma_embed", "displayName": "Figma Embed", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/figma_embed", "capabilities": [ "web" ], "description": "Renders a real-time collaborative preview referencing explicit Figma design canvas artboards.", "representativeQueries": [ "show a embed collaborative live Figma design file prototype previews", "renders a real-time collaborative preview referencing explicit figma design canvas artboards", "render a figma embed" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:color_swatch_grid", "displayName": "Color Swatch Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/color_swatch_grid", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Displays a grid of color swatches with labels and hex values for design system palettes.", "representativeQueries": [ "show a grid of named color swatches with hex values", "displays a grid of color swatches with labels and hex values for design system palettes", "render a color swatch grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:live_demo_embed", "displayName": "Live Demo Embed", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/live_demo_embed", "capabilities": [ "web" ], "description": "Embeds a live interactive demo or sandbox within the article.", "representativeQueries": [ "show a embed interactive live demo sandbox iframe", "embeds a live interactive demo or sandbox within the article", "render a live demo embed" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:benchmark_comparison", "displayName": "Benchmark Comparison", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/benchmark_comparison", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Side-by-side performance benchmark visualization comparing multiple implementations.", "representativeQueries": [ "show a side-by-side performance benchmark comparison bars", "side-by-side performance benchmark visualization comparing multiple implementations", "render a benchmark comparison" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:chartjs_bar", "displayName": "Chartjs Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/chartjs_bar", "capabilities": [ "web", "apps-script-web" ], "description": "Renders an interactive bar chart using Chart.js with configurable datasets.", "representativeQueries": [ "show a interactive Chart.js bar chart with datasets", "renders an interactive bar chart using chart.js with configurable datasets", "render a chartjs bar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:chartjs_line", "displayName": "Chartjs Line", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/chartjs_line", "capabilities": [ "web", "apps-script-web" ], "description": "Renders an interactive line chart using Chart.js for time-series or trend data.", "representativeQueries": [ "show a interactive Chart.js line chart for trend data", "renders an interactive line chart using chart.js for time-series or trend data", "render a chartjs line" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:data_table_sortable", "displayName": "Data Table Sortable", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/data_table_sortable", "capabilities": [ "web", "apps-script-web" ], "description": "Renders a data table with client-side column sorting and optional pagination.", "representativeQueries": [ "show a sortable data table with column headers", "renders a data table with client-side column sorting and optional pagination", "render a data table sortable" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:metric_comparison_card", "displayName": "Metric Comparison Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/metric_comparison_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Card comparing a current metric value against a previous period with delta indicator.", "representativeQueries": [ "show a metric card comparing current vs previous period", "card comparing a current metric value against a previous period with delta indicator", "render a metric comparison card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:mini_sparkline_set", "displayName": "Mini Sparkline Set", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/mini_sparkline_set", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Compact grid of multiple labeled sparklines for at-a-glance multi-metric comparison.", "representativeQueries": [ "show a compact grid of multiple labeled sparklines", "compact grid of multiple labeled sparklines for at-a-glance multi-metric comparison", "render a mini sparkline set" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:status_dashboard", "displayName": "Status Dashboard", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/status_dashboard", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Compact grid showing live operational status of multiple services with color indicators.", "representativeQueries": [ "show a grid of service status indicators with color states", "compact grid showing live operational status of multiple services with color indicators", "render a status dashboard" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:uptime_timeline", "displayName": "Uptime Timeline", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/uptime_timeline", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Visual timeline of service uptime over a rolling window with per-day status blocks.", "representativeQueries": [ "show a 30-day uptime timeline with per-day status blocks", "visual timeline of service uptime over a rolling window with per-day status blocks", "render a uptime timeline" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:command_palette", "displayName": "Command Palette", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/command_palette", "capabilities": [ "web", "apps-script-web" ], "description": "Keyboard-driven command palette overlay for quick navigation and action execution.", "representativeQueries": [ "show a keyboard-driven command palette with shortcut hints", "keyboard-driven command palette overlay for quick navigation and action execution", "render a command palette" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:search_result_card", "displayName": "Search Result Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/search_result_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Styled card displaying a single search result with title, snippet, and URL.", "representativeQueries": [ "show a single search result card with title snippet URL", "styled card displaying a single search result with title, snippet, and url", "render a search result card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:post_metadata_bar", "displayName": "Post Metadata Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/post_metadata_bar", "capabilities": [ "web", "apps-script-web" ], "description": "Displays article metadata \u2014 author, publish date, read time, and optional tags \u2014 in a compact bar.", "representativeQueries": [ "show a article metadata bar with author date read time", "displays article metadata \u2014 author, publish date, read time, and optional tags \u2014 in a compact bar", "render a post metadata bar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:footnote_group", "displayName": "Footnote Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/footnote_group", "capabilities": [ "web", "email", "apps-script-web" ], "description": "Renders a numbered list of footnotes at the bottom of an article or section.", "representativeQueries": [ "show a numbered footnote list at section or article end", "renders a numbered list of footnotes at the bottom of an article or section", "render a footnote group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:notification_badge", "displayName": "Notification Badge", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/notification_badge", "capabilities": [ "web", "apps-script-web" ], "description": "Small badge overlaid on an icon or element to indicate unread count or alert state.", "representativeQueries": [ "show a unread count badge overlaid on icon element", "small badge overlaid on an icon or element to indicate unread count or alert state", "render a notification badge" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:expandable_list", "displayName": "Expandable List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/expandable_list", "capabilities": [ "web", "apps-script-web" ], "description": "Nested tree list where parent items expand to reveal children on click.", "representativeQueries": [ "show a nested expandable tree list with collapsible children", "nested tree list where parent items expand to reveal children on click", "render a expandable list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:poll_block", "displayName": "Poll Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/poll_block", "capabilities": [ "web", "apps-script-web" ], "description": "Interactive poll with a question and vote-count bar for each option.", "representativeQueries": [ "show a poll with question options and vote count bars", "interactive poll with a question and vote-count bar for each option", "render a poll block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:abbr_tooltip", "displayName": "Abbr Tooltip", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/abbr_tooltip", "capabilities": [ "web", "apps-script-web" ], "description": "Inline abbreviation with a tooltip revealing the full expanded form on hover.", "representativeQueries": [ "show a inline abbreviation with hover tooltip full form", "inline abbreviation with a tooltip revealing the full expanded form on hover", "render a abbr tooltip" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:copy_to_clipboard", "displayName": "Copy To Clipboard", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/copy_to_clipboard", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Inline code or text element with a one-click copy button that provides feedback on success.", "representativeQueries": [ "show a copy-to-clipboard button with inline code and feedback", "inline code or text element with a one-click copy button that provides feedback on success", "render a copy to clipboard" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:conversion_funnel", "displayName": "Conversion Funnel", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/conversion_funnel", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a premium pipeline conversion funnel with tapered glowing step bars, percentage conversion rates, and leakage drop-off markers.", "representativeQueries": [ "show a pipeline conversion funnel with step tapering and leak markers", "renders a premium pipeline conversion funnel with tapered glowing step bars, percentage conversion rates, and leakage", "render a conversion funnel" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gauge_sla", "displayName": "Gauge Sla", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gauge_sla", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a semi-circular radial gauge track with high contrast status quadrants, a glowing needle tick, and a prominent central KPI readout.", "representativeQueries": [ "show a radial SLA gauge with glowing pointer and large metric value", "renders a semi-circular radial gauge track with high contrast status quadrants, a glowing needle tick, and a prominent", "render a gauge sla" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:stacked_area", "displayName": "Stacked Area", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/stacked_area", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders cumulative layered area chart trends utilizing overlapping translucent gradient fills and glowing series borders.", "representativeQueries": [ "show a stacked area chart with overlapping glowing translucent gradients", "renders cumulative layered area chart trends utilizing overlapping translucent gradient fills and glowing series", "render a stacked area" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:scatter_trend", "displayName": "Scatter Trend", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/scatter_trend", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a coordinate scatter grid representing discrete data points intersected by a prominent glowing linear regression line.", "representativeQueries": [ "show a coordinate scatter plot with regression trend line", "renders a coordinate scatter grid representing discrete data points intersected by a prominent glowing linear", "render a scatter trend" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:call_mood_board", "displayName": "Call Mood Board", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/call_mood_board", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a premium, aesthetic call emotion summary and theme board showing detected sentiments, dominant moods with color codings, active themes, and word weightings.", "representativeQueries": [ "show a visual summary board of call sentiments moods and active themes", "renders a premium, aesthetic call emotion summary and theme board showing detected sentiments, dominant moods with", "render a call mood board" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:github_activity_grid", "displayName": "Github Activity Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/github_activity_grid", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Renders a high-fidelity SVG representation of a GitHub-style contribution activity calendar with colored commitment density blocks, total contributions, and streak statistics.", "representativeQueries": [ "show a SVG GitHub-style contribution grid and activity tracker", "renders a high-fidelity svg representation of a github-style contribution activity calendar with colored commitment", "render a github activity grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:form", "displayName": "Form", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/form", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Form container with labelled field controls and explicit submit/cancel buttons. Fields are expressed as a list of {label, type, name, placeholder, options, rules} entries.", "representativeQueries": [ "show a labelled form with fields and submit button", "form container with labelled field controls and explicit submit/cancel buttons. fields are expressed as a list of", "render a form" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:form_input", "displayName": "Form Input", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/form_input", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Standalone labelled text input field \u2014 text, email, password, number, or url. Use inside a form atom or as a standalone search/filter control.", "representativeQueries": [ "show a single labelled input field", "standalone labelled text input field \u2014 text, email, password, number, or url. use inside a form atom or as a", "render a form input" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:form_select", "displayName": "Form Select", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/form_select", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Labelled dropdown select with a list of value/label options. Supports required validation and an optional placeholder prompt.", "representativeQueries": [ "show a labelled dropdown select with options", "labelled dropdown select with a list of value/label options. supports required validation and an optional placeholder", "render a form select" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:form_radio_group", "displayName": "Form Radio Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/form_radio_group", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Labelled group of radio buttons for single-option selection. Each option has a value, visible label, and optional description.", "representativeQueries": [ "show a radio button group for single-option selection", "labelled group of radio buttons for single-option selection. each option has a value, visible label, and optional", "render a form radio group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:form_checkbox_group", "displayName": "Form Checkbox Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/form_checkbox_group", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Labelled group of checkboxes for multi-option selection. Each checkbox has a name, visible label, optional description, and optional default checked state.", "representativeQueries": [ "show a checkbox group for multi-option selection", "labelled group of checkboxes for multi-option selection. each checkbox has a name, visible label, optional", "render a form checkbox group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:form_switch_group", "displayName": "Form Switch Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/form_switch_group", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Group of named toggle switches \u2014 on/off controls with optional labels and descriptions. Suitable for settings panels, notification preferences, and feature flags.", "representativeQueries": [ "show a group of labelled toggle switches", "group of named toggle switches \u2014 on/off controls with optional labels and descriptions. suitable for settings panels,", "render a form switch group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:form_slider", "displayName": "Form Slider", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/form_slider", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Numeric range slider with a min, max, and optional step. Supports continuous (smooth) and discrete (stepped) variants. Renders a labelled track with a draggable thumb.", "representativeQueries": [ "show a numeric range slider input", "numeric range slider with a min, max, and optional step. supports continuous (smooth) and discrete (stepped) variants", "render a form slider" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:form_date_picker", "displayName": "Form Date Picker", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/form_date_picker", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Date picker input supporting single-date selection or a date-range (start + end). Renders a calendar popover. Use inside a form or standalone.", "representativeQueries": [ "show a date or date-range picker input", "date picker input supporting single-date selection or a date-range (start + end). renders a calendar popover. use", "render a form date picker" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:modal", "displayName": "Modal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/modal", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Modal dialog overlay with a title, configurable size, and arbitrary content children. Opened programmatically or via a trigger button. Closes on X, Escape, or backdrop click.", "representativeQueries": [ "show a modal dialog overlay with title and content", "modal dialog overlay with a title, configurable size, and arbitrary content children. opened programmatically or via a", "render a modal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:follow_up_chips", "displayName": "Follow Up Chips", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/follow_up_chips", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A row of tappable suggestion chips placed at the end of a response or slide, prompting the user with pre-written follow-up questions or actions. Each chip fires its text as a new user message when clicked.", "representativeQueries": [ "show a clickable follow-up suggestion chips", "a row of tappable suggestion chips placed at the end of a response or slide, prompting the user with pre-written", "render a follow up chips" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:choicebox_group", "displayName": "Choicebox Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/choicebox_group", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Card-style option selector where each option renders as a full card with icon, title, and description. The entire card is the click target \u2014 richer than radio buttons. Inspired by Vercel Geist Choicebox. Ideal for plan selection, framework choice, and AI-generated setup wizards.", "representativeQueries": [ "show a card-style option selector with icon, title, description per card", "card-style option selector where each option renders as a full card with icon, title, and description. the entire card", "render a choicebox group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:feedback_prompt", "displayName": "Feedback Prompt", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/feedback_prompt", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "In-context feedback collection widget for rating content or AI response quality. Supports thumbs up/down or 1\u20135 star ratings with optional follow-up text. Inspired by Vercel Geist Feedback pattern.", "representativeQueries": [ "show a thumbs or star rating feedback collection widget", "in-context feedback collection widget for rating content or ai response quality. supports thumbs up/down or 1\u20135 star", "render a feedback prompt" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:entity_list", "displayName": "Entity List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/entity_list", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "List of named resources \u2014 each row shows an avatar or icon, a title, a subtitle, a status badge, and optional trailing metadata. Covers project lists, deployment rosters, and team member panels. Inspired by Vercel Geist Entity component.", "representativeQueries": [ "show a named resource rows with avatar, status badge, and meta", "list of named resources \u2014 each row shows an avatar or icon, a title, a subtitle, a status badge, and optional trailing", "render a entity list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:prompt_template", "displayName": "Prompt Template", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/prompt_template", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Displays an LLM prompt with interpolation slots highlighted in a distinct colour. Includes an optional copy-to-clipboard button. Ideal for AI documentation, tutorials, and prompt engineering articles.", "representativeQueries": [ "show a LLM prompt with highlighted {variable} slots and copy button", "displays an llm prompt with interpolation slots highlighted in a distinct colour. includes an optional", "render a prompt template" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:model_card", "displayName": "Model Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/model_card", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "AI model specification card showing model name, provider, context window, pricing tier, and a row of capability badges. First-class atom for AI-native content and agent documentation.", "representativeQueries": [ "show a AI model spec card with context window, pricing, and capability badges", "ai model specification card showing model name, provider, context window, pricing tier, and a row of capability", "render a model card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:conversation_snippet", "displayName": "Conversation Snippet", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/conversation_snippet", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Renders a prompt-response pair as two chat bubbles \u2014 a user bubble on the right and an AI response bubble on the left. Ideal for showing LLM examples, chatbot flows, and agent interaction patterns in documentation.", "representativeQueries": [ "show a user prompt and AI response as chat bubbles", "renders a prompt-response pair as two chat bubbles \u2014 a user bubble on the right and an ai response bubble on the left", "render a conversation snippet" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:shortcut_legend", "displayName": "Shortcut Legend", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/shortcut_legend", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Keyboard shortcut cheat-sheet grid. Multiple shortcuts displayed in a compact two-column layout, each showing the key combination and its action label. Distinct from keyboard_shortcut which shows a single combination inline.", "representativeQueries": [ "show a keyboard shortcut cheat-sheet grid with key combos and labels", "keyboard shortcut cheat-sheet grid. multiple shortcuts displayed in a compact two-column layout, each showing the key", "render a shortcut legend" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:rating_summary_bar", "displayName": "Rating Summary Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/rating_summary_bar", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Aggregate star-rating histogram showing the percentage breakdown per star level (5\u2605 through 1\u2605). Distinct from rating_stars which shows a single score \u2014 this shows the full distribution with bar lengths proportional to vote share.", "representativeQueries": [ "show a star rating histogram with percentage bars per star level", "aggregate star-rating histogram showing the percentage breakdown per star level (5\u2605 through 1\u2605). distinct from", "render a rating summary bar" ] }, { "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 contains a list of items", "render a roadmap card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:notification_stack", "displayName": "Notification Stack", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/notification_stack", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Persistent notification inbox showing a list of notification items, each with an icon or emoji, a title, a body snippet, a timestamp, and an optional unread indicator dot. Distinct from toast_notification which is a transient single pop-up \u2014 the stack is a persistent grouped list.", "representativeQueries": [ "show a persistent notification inbox list with unread indicators", "persistent notification inbox showing a list of notification items, each with an icon or emoji, a title, a body", "render a notification stack" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:inline_alert", "displayName": "Inline Alert", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/inline_alert", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Compact inline-level alert embedded within content flow \u2014 an icon and short message that appears beside labels, form fields, or within paragraphs without disrupting layout. Distinct from alert_banner (full-width strip) and toast_notification (transient overlay).", "representativeQueries": [ "show a inline icon-plus-text alert embedded in content flow", "compact inline-level alert embedded within content flow \u2014 an icon and short message that appears beside labels, form", "render a inline alert" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tag_block", "displayName": "Tag Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tag_block", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Horizontal wrapping block of plain content tags \u2014 feature labels, category chips, or keyword pills. Neutral styling. Distinct from badge_group which carries semantic status colour. Adapted from the TagBlock pattern in OpenUI OUI benchmark samples.", "representativeQueries": [ "show a horizontal wrap of neutral content chip labels", "horizontal wrapping block of plain content tags \u2014 feature labels, category chips, or keyword pills. neutral styling", "render a tag block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:variant_selector", "displayName": "Variant Selector", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/variant_selector", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "CSS-only variant picker \u2014 each option is a selectable card with a label and optional description, rendered as hidden radio inputs with label:has(input:checked) styling. Used for product size, colour, or plan variant selection. Adapted from the RadioGroup/RadioItem pattern in OpenUI OUI benchmark samples.", "representativeQueries": [ "show a CSS radio card group for variant or option picking", "css-only variant picker \u2014 each option is a selectable card with a label and optional description, rendered as hidden", "render a variant selector" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:markdown_block", "displayName": "Markdown Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/markdown_block", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Renders an arbitrary GitHub-Flavoured Markdown string as formatted HTML \u2014 bold, italic, inline code, fenced code blocks, lists, tables, blockquotes, and links. Useful when content is authored in or retrieved as Markdown and needs faithful rendering without mapping to individual atoms. Adapted from the MarkDownRenderer pattern in OpenUI OUI benchmark samples.", "representativeQueries": [ "show a GFM markdown string rendered to HTML inline", "renders an arbitrary github-flavoured markdown string as formatted html \u2014 bold, italic, inline code, fenced code", "render a markdown block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:chartjs_pie", "displayName": "Chartjs Pie", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/chartjs_pie", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Multi-slice pie or donut chart rendered as inline SVG \u2014 category proportions with a colour-coded legend. Distinct from donut_stat which shows a single metric as a CSS ring. Adapted from the PieChart/Slice pattern in OpenUI OUI benchmark samples.", "representativeQueries": [ "show a multi-slice pie or donut SVG chart with legend", "multi-slice pie or donut chart rendered as inline svg \u2014 category proportions with a colour-coded legend. distinct from", "render a chartjs pie" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:text_callout", "displayName": "Text Callout", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/text_callout", "capabilities": [ "web", "meet-stage", "googlechat", "email", "pdf", "apps-script-web" ], "description": "Compact tinted note or tip block used inline within cards, forms, or panels. Lighter than callout \u2014 no left-border accent, no icon; just a soft colour-tinted background with a small bold title above body text. Adapted from the TextCallout pattern in OpenUI OUI benchmark samples.", "representativeQueries": [ "show a lightweight tinted inline tip or note block no icon", "compact tinted note or tip block used inline within cards, forms, or panels. lighter than callout \u2014 no left-border", "render a text callout" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:source_citation", "displayName": "Source Citation", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/source_citation", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Inline-numbered RAG source reference card \u2014 shows a citation number, source title, optional excerpt, and optional URL. Designed to accompany AI-generated content that cites retrieved documents. Pairs with in-body superscript references [1], [2] etc. Original a2ui-catalogue atom.", "representativeQueries": [ "show a numbered RAG source card with title excerpt and URL", "inline-numbered rag source reference card \u2014 shows a citation number, source title, optional excerpt, and optional url", "render a source citation" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:llm_comparison_table", "displayName": "Llm Comparison Table", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/llm_comparison_table", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Side-by-side comparison of outputs from multiple language models for the same prompt \u2014 model name, output text, and optional latency/cost/token metadata per column. Designed for model evaluation, A/B testing, and capability demonstrations. Original a2ui-catalogue atom.", "representativeQueries": [ "show a side-by-side multi-model output comparison table", "side-by-side comparison of outputs from multiple language models for the same prompt \u2014 model name, output text, and", "render a llm comparison table" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:confidence_bar", "displayName": "Confidence Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/confidence_bar", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Horizontal confidence or probability bar \u2014 shows a percentage value with a label and colour-coded fill indicating certainty level. Used for classification confidence, sentiment strength, retrieval relevance scores, or any normalised probability output. Original a2ui-catalogue atom.", "representativeQueries": [ "show a labelled probability bar with colour-coded confidence fill", "horizontal confidence or probability bar \u2014 shows a percentage value with a label and colour-coded fill indicating", "render a confidence bar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:token_budget_meter", "displayName": "Token Budget Meter", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/token_budget_meter", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Visual context-window usage meter \u2014 shows tokens consumed versus the model's total context limit, with a colour-coded fill that shifts amber then red as capacity is approached. Designed for AI agent dashboards, session monitoring, and prompt-engineering tooling. Original a2ui-catalogue atom.", "representativeQueries": [ "show a context window token usage meter with capacity warning colours", "visual context-window usage meter \u2014 shows tokens consumed versus the model's total context limit, with a colour-coded", "render a token budget meter" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:product_thumbnail", "displayName": "Product Thumbnail", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/product_thumbnail", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Shopify Polaris-style product card showing optional image, title, vendor, SKU, price with optional compare-at strike-through, status badge, and tag chips. Adapted from Polaris ResourceItem + Thumbnail patterns.", "representativeQueries": [ "show a product card with image, price, status badge, and tags", "shopify polaris-style product card showing optional image, title, vendor, sku, price with optional compare-at", "render a product thumbnail" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:order_status_card", "displayName": "Order Status Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/order_status_card", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Shopify Polaris-style order summary card showing order number, date, fulfilment status badge, customer name, line item list, and total. Status is colour-coded \u2014 fulfilled (green), unfulfilled (amber), partial (blue), cancelled (red), refunded (grey). Adapted from Polaris Card + Badge patterns.", "representativeQueries": [ "show a e-commerce order card with status badge and line item list", "shopify polaris-style order summary card showing order number, date, fulfilment status badge, customer name, line item", "render a order status card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:inventory_table", "displayName": "Inventory Table", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/inventory_table", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Shopify Polaris-style inventory management table showing SKU, product name, available quantity, committed quantity, and warehouse location per row. Rows with available stock below the optional threshold are highlighted amber as a low-stock warning. Adapted from Polaris DataTable patterns.", "representativeQueries": [ "show a inventory table with SKU, stock levels, and low-stock row highlight", "shopify polaris-style inventory management table showing sku, product name, available quantity, committed quantity,", "render a inventory table" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:jira_ticket", "displayName": "Jira Ticket", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/jira_ticket", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Atlassian Design System Jira issue card showing issue key, type icon (bug/story/task/epic/subtask), one-line summary, status lozenge, priority indicator, assignee, optional description, and label chips. Adapted from Atlassian Design System Card + Lozenge patterns.", "representativeQueries": [ "show a Jira issue card with type icon, status lozenge, priority, and assignee", "atlassian design system jira issue card showing issue key, type icon (bug/story/task/epic/subtask), one-line summary,", "render a jira ticket" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sprint_board", "displayName": "Sprint Board", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sprint_board", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Atlassian Design System Jira-style sprint board rendered as kanban columns. Each column has a name, ticket-count badge, and compact issue cards (key, summary, type icon, priority dot). Distinct from prerequisite_checklist which is a linear checklist. Adapted from Atlassian Design System Board patterns.", "representativeQueries": [ "show a kanban sprint board with named columns and compact issue cards", "atlassian design system jira-style sprint board rendered as kanban columns. each column has a name, ticket-count", "render a sprint board" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:lozenge", "displayName": "Lozenge", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/lozenge", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Atlassian Design System semantic status pill with six strictly defined appearance variants \u2014 default (grey), success (green), removed (red), inprogress (blue), moved (yellow), new (teal). Uppercase rounded-rectangle label. Distinct from badge_group which uses arbitrary colours; lozenge maps to Jira/Confluence status semantics. Adapted from Atlassian Design System Lozenge component.", "representativeQueries": [ "show a Atlassian-semantic status pill with defined appearance variants", "atlassian design system semantic status pill with six strictly defined appearance variants \u2014 default (grey), success", "render a lozenge" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:data_grid", "displayName": "Data Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/data_grid", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "IBM Carbon Design System enterprise data grid with typed columns (string/number/status/tag), optional row-selection checkboxes, sortable column indicators, zebra-stripe rows, and optional pagination footer. More capable than table and data_table_sortable for enterprise data-dense layouts. Adapted from IBM Carbon DataTable patterns.", "representativeQueries": [ "show a enterprise data grid with typed columns, row selection, and", "ibm carbon design system enterprise data grid with typed columns (string/number/status/tag), optional row-selection", "render a data grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tree_view", "displayName": "Tree View", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tree_view", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "IBM Carbon Design System hierarchical tree for displaying recursive data structures \u2014 organisational charts, category hierarchies, nested permission models, BOM trees. More semantically general than file_tree which is file-system specific. Expanded/collapsed state set per node. Adapted from IBM Carbon TreeView component.", "representativeQueries": [ "show a recursive hierarchical tree with expand/collapse per node", "ibm carbon design system hierarchical tree for displaying recursive data structures \u2014 organisational charts, category", "render a tree view" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:heatmap_calendar", "displayName": "Heatmap Calendar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/heatmap_calendar", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "IBM Carbon-inspired calendar heatmap showing activity density by date across one or more calendar months. Data is a list of date-value pairs; cells are coloured by intensity across a configurable colour scale. Distinct from heatmap (arbitrary x/y grid) and github_activity_grid (year-spanning GitHub-specific format). Adapted from IBM Carbon AI Applications data visualisation patterns.", "representativeQueries": [ "show a calendar month heatmap with date-value density colouring", "ibm carbon-inspired calendar heatmap showing activity density by date across one or more calendar months. data is a", "render a heatmap calendar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:combobox", "displayName": "Combobox", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/combobox", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Searchable filterable dropdown that narrows its option list as the user types. Renders with a search icon, chevron, and an open option list for article preview. Native enables browser-level autocomplete.", "representativeQueries": [ "show a searchable filterable dropdown \u2014 shadcn/Headless UI pattern", "searchable filterable dropdown that narrows its option list as the user types. renders with a search icon, chevron,", "render a combobox" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:feature_grid", "displayName": "Feature Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/feature_grid", "capabilities": [ "web", "pdf", "apps-script-web" ], "description": "A responsive CSS grid of feature tiles, each with an icon, title, and description paragraph. Supports 2 or 3 columns and optional per-tile badges. The canonical Tailwind UI marketing feature section pattern.", "representativeQueries": [ "show a icon + title + description feature grid \u2014 Tailwind UI pattern", "a responsive css grid of feature tiles, each with an icon, title, and description paragraph. supports 2 or 3 columns", "render a feature grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:navigation_menu", "displayName": "Navigation Menu", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/navigation_menu", "capabilities": [ "web", "apps-script-web" ], "description": "Multi-level horizontal navigation bar with a brand/logo slot, top-level nav items, optional dropdown submenus, and a right-aligned CTA button. First item with children renders its submenu panel open for preview. Radix NavigationMenu pattern.", "representativeQueries": [ "show a multi-level horizontal nav with submenu panels \u2014 Radix pattern", "multi-level horizontal navigation bar with a brand/logo slot, top-level nav items, optional dropdown submenus, and a", "render a navigation menu" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:multi_select_input", "displayName": "Multi Select Input", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/multi_select_input", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Tag/chip style multi-value selector. Displays selected values as removable chips above a filtered option list. Shadcn multi-select pattern.", "representativeQueries": [ "show a chip-style multi-value select input \u2014 shadcn pattern", "tag/chip style multi-value selector. displays selected values as removable chips above a filtered option list. shadcn", "render a multi select input" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:otp_input", "displayName": "Otp Input", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/otp_input", "capabilities": [ "web", "apps-script-web" ], "description": "One-time password entry field. Renders N individual digit boxes (default 6) with filled/unfilled visual state. Shadcn InputOTP pattern.", "representativeQueries": [ "show a N-box one-time password digit input \u2014 shadcn OTP pattern", "one-time password entry field. renders n individual digit boxes (default 6) with filled/unfilled visual state. shadcn", "render a otp input" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:skill_bars", "displayName": "Skill Bars", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/skill_bars", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "List of labeled horizontal progress bars \u2014 each with a fill percentage, optional sublabel, and per-bar color. Use for competency profiles, CV pages, feature comparison.", "representativeQueries": [ "show a labeled horizontal progress bars list \u2014 percent fill, per-bar color", "list of labeled horizontal progress bars \u2014 each with a fill percentage, optional sublabel, and per-bar color. use for", "render a skill bars" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:icon_stat_row", "displayName": "Icon Stat Row", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/icon_stat_row", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Horizontal strip of stats each with a large emoji icon above the number and a label below. More visual than metric_row \u2014 use when icons reinforce meaning.", "representativeQueries": [ "show a icon + big number + label stat strip \u2014 more visual than metric_row", "horizontal strip of stats each with a large emoji icon above the number and a label below. more visual than metric_row", "render a icon stat row" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:color_section", "displayName": "Color Section", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/color_section", "capabilities": [ "web", "apps-script-web" ], "description": "Renders child atom blocks inside a colored background container. Use to visually group content with tint, solid, or dark style.", "representativeQueries": [ "show a colored background wrapper \u2014 tint/solid/dark, renders child atom blocks", "renders child atom blocks inside a colored background container. use to visually group content with tint, solid, or", "render a color section" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tag_cloud", "displayName": "Tag Cloud", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tag_cloud", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Visual cloud of tags with variable font size based on weight. Heavier tags appear larger. Use for skill tags, topic clouds, keyword displays.", "representativeQueries": [ "show a weighted tag cloud \u2014 variable size by weight, wrap layout", "visual cloud of tags with variable font size based on weight. heavier tags appear larger. use for skill tags, topic", "render a tag cloud" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:step_progress", "displayName": "Step Progress", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/step_progress", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Horizontal step progress indicator with numbered circles and connecting lines. Completed steps show a tick. Use at the top of wizard or onboarding flows.", "representativeQueries": [ "show a horizontal step progress \u2014 numbered circles, connecting lines, current step highlighted", "horizontal step progress indicator with numbered circles and connecting lines. completed steps show a tick. use at the", "render a step progress" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:split_pane", "displayName": "Split Pane", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/split_pane", "capabilities": [ "web", "apps-script-web" ], "description": "Two-panel split layout with distinct background colors per pane. Each pane renders atom blocks independently. Unlike columns, each side has its own background.", "representativeQueries": [ "show a two-panel split \u2014 distinct bg per side, each side renders atom blocks", "two-panel split layout with distinct background colors per pane. each pane renders atom blocks independently. unlike", "render a split pane" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gradient_hero", "displayName": "Gradient Hero", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gradient_hero", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Full-width light/pastel gradient hero with badge, large title, subtitle, and optional CTA. Pure CSS \u2014 no images. Works on all surfaces. Use when dark_hero is too heavy.", "representativeQueries": [ "show a light gradient hero \u2014 badge, large title, subtitle, CTA button", "full-width light/pastel gradient hero with badge, large title, subtitle, and optional cta. pure css \u2014 no images. works", "render a gradient hero" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:icon_list", "displayName": "Icon List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/icon_list", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "List of items each with a colored icon circle, label, and text. More visual than bullet_list. Use for feature lists, how-it-works, benefits.", "representativeQueries": [ "show a icon-circle list \u2014 emoji/icon per item, label + text, color per item", "list of items each with a colored icon circle, label, and text. more visual than bullet_list. use for feature lists,", "render a icon list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:highlight_box", "displayName": "Highlight Box", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/highlight_box", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "A visually rich highlighted box with gradient, solid, or outline style. Richer than callout \u2014 no severity system, pure design focus.", "representativeQueries": [ "show a highlight box \u2014 gradient/solid/outline style, icon, title, text", "a visually rich highlighted box with gradient, solid, or outline style. richer than callout \u2014 no severity system, pure", "render a highlight box" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:two_tone_card", "displayName": "Two Tone Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/two_tone_card", "capabilities": [ "web", "apps-script-web" ], "description": "Card with a solid colored header section (title, subtitle, icon) and a white body that renders atom blocks. Clean, elegant container for any content.", "representativeQueries": [ "show a split card \u2014 colored header with icon/title, white body renders atom blocks", "card with a solid colored header section (title, subtitle, icon) and a white body that renders atom blocks. clean,", "render a two tone card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:metric_row", "displayName": "Metric Row", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/metric_row", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Horizontal strip of static metrics \u2014 value, label, optional prefix/suffix and trend indicator. Cleaner than animated_counter for non-animated use.", "representativeQueries": [ "show a horizontal metric strip \u2014 value, label, prefix/suffix, trend up/down", "horizontal strip of static metrics \u2014 value, label, optional prefix/suffix and trend indicator. cleaner than", "render a metric row" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:numbered_list", "displayName": "Numbered List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/numbered_list", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Numbered list with either large decorative number backgrounds (\"large\" style) or circular number badges (\"badge\" style). More visual than steps.", "representativeQueries": [ "show a decorative numbered list \u2014 large background numbers or circular badges", "numbered list with either large decorative number backgrounds (\"large\" style) or circular number badges (\"badge\"", "render a numbered list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:page_header", "displayName": "Page Header", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/page_header", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Full-width app-style page header with title, subtitle, icon, accent color, and optional tag badge. Sets the visual tone of a pop-up app or brief. Use as the first block of any page.", "representativeQueries": [ "show a app-style page header \u2014 title, subtitle, icon, accent, tag badge", "full-width app-style page header with title, subtitle, icon, accent color, and optional tag badge. sets the visual", "render a page header" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:back_button", "displayName": "Back Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/back_button", "capabilities": [ "web", "apps-script-web" ], "description": "Styled back navigation button. Links to a URL, a named page slug, or browser history. Three visual styles.", "representativeQueries": [ "show a back navigation \u2014 url, nav_slug, or history.back(); ghost/outline/text style", "styled back navigation button. links to a url, a named page slug, or browser history. three visual styles", "render a back button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:section_break", "displayName": "Section Break", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/section_break", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Labeled or plain section divider. Supports solid, dashed, or dotted line styles. With a label, renders text centered in the line (Notion-style).", "representativeQueries": [ "show a section divider \u2014 optional centered label, solid/dashed/dots style", "labeled or plain section divider. supports solid, dashed, or dotted line styles. with a label, renders text centered", "render a section break" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:chip_group", "displayName": "Chip Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/chip_group", "capabilities": [ "web", "apps-script-web" ], "description": "Row of filter/tag chips, optionally scrollable. Chips can link to URLs and have active state.", "representativeQueries": [ "show a chip/tag row \u2014 label, color, url, active state; wrap or scroll layout", "row of filter/tag chips, optionally scrollable. chips can link to urls and have active state", "render a chip group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:columns", "displayName": "Columns", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/columns", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Generic multi-column layout container. Each column holds an array of atom blocks rendered inline. 2\u20136 columns; collapses to single column on mobile.", "representativeQueries": [ "show a multi-column layout \u2014 2\u20136 cols, each column holds atom blocks", "generic multi-column layout container. each column holds an array of atom blocks rendered inline. 2\u20136 columns;", "render a columns" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:person_card", "displayName": "Person Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/person_card", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Individual person card with name, role, optional photo, bio, tags, and contact links. Use inside a columns atom to build team rosters.", "representativeQueries": [ "show a person card \u2014 name, role, photo, bio, tags, email, linkedin", "individual person card with name, role, optional photo, bio, tags, and contact links. use inside a columns atom to", "render a person card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:agenda_block", "displayName": "Agenda Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/agenda_block", "capabilities": [ "web", "apps-script-web" ], "description": "Time-slotted schedule view for a day or event. Each slot has a time, title, optional speaker, location, type badge, and description.", "representativeQueries": [ "show a time-slotted agenda \u2014 slots with time, title, speaker, location, type", "time-slotted schedule view for a day or event. each slot has a time, title, optional speaker, location, type badge,", "render a agenda block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:risk_flag", "displayName": "Risk Flag", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/risk_flag", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Structured risk callout list with severity levels, description, and mitigation. For meeting prep, project status, incident reports.", "representativeQueries": [ "show a risk list \u2014 critical/high/medium/low with title, description, mitigation", "structured risk callout list with severity levels, description, and mitigation. for meeting prep, project status,", "render a risk flag" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:action_items", "displayName": "Action Items", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/action_items", "capabilities": [ "web", "apps-script-web", "pdf" ], "description": "Action items table with owner, due date, and status. For retros, meeting notes, sprint planning, incident reports.", "representativeQueries": [ "show a action items table \u2014 action, owner, due date, status", "action items table with owner, due date, and status. for retros, meeting notes, sprint planning, incident reports", "render a action items" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:bento_grid", "displayName": "Bento Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/bento_grid", "capabilities": [ "web", "pdf", "apps-script-web" ], "description": "Asymmetric CSS grid of feature tiles. First tile typically spans multiple columns for visual emphasis. Supports per-tile icons, titles, descriptions, and accent colors. MagicUI/shadcn bento pattern.", "representativeQueries": [ "show a asymmetric bento-box feature tile grid \u2014 MagicUI/shadcn pattern", "asymmetric css grid of feature tiles. first tile typically spans multiple columns for visual emphasis. supports", "render a bento grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:cta_section", "displayName": "Cta Section", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/cta_section", "capabilities": [ "web", "email", "pdf", "apps-script-web" ], "description": "Full-width call-to-action banner with headline, body text, a primary button, and an optional secondary ghost button. Renders on a solid color background. Tailwind UI CTA section pattern.", "representativeQueries": [ "show a full-width CTA banner with headline and buttons \u2014 Tailwind UI pattern", "full-width call-to-action banner with headline, body text, a primary button, and an optional secondary ghost button", "render a cta section" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:animated_counter", "displayName": "Animated Counter", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/animated_counter", "capabilities": [ "web", "apps-script-web" ], "description": "CSS @property counter animation that counts up from zero to target values without JavaScript. Uses @keyframes with CSS custom properties typed as integers. Each counter has a value, label, optional prefix/suffix, and color.", "representativeQueries": [ "show a CSS-only animated counter that counts up to target values", "css @property counter animation that counts up from zero to target values without javascript. uses @keyframes with css", "render a animated counter" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:media_stream_card", "displayName": "Media Stream Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/media_stream_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Auto-detecting media embed that accepts a raw URL and builds the correct iframe for YouTube, Loom, Google Slides, or Vimeo. Displays a labelled card shell with a skeleton shimmer while loading. Designed for stage-first delivery where the URL is the only payload.", "representativeQueries": [ "show a Auto-detecting YouTube/Loom/Slides/Vimeo embed with skeleton", "auto-detecting media embed that accepts a raw url and builds the correct iframe for youtube, loom, google slides, or", "render a media stream card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:live_aggregator", "displayName": "Live Aggregator", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/live_aggregator", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Comparative progress-bar display for real-time vote/response data. Accepts an items array of label+value pairs and renders normalised horizontal bars with optional value labels. Designed for stage-first delivery where items update incrementally via fiber.", "representativeQueries": [ "show a Real-time comparative bars for votes, counts, or percentages", "comparative progress-bar display for real-time vote/response data. accepts an items array of label+value pairs and", "render a live aggregator" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:vote_button_group", "displayName": "Vote Button Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/vote_button_group", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Styled multi-option vote selector with three visual variants \u2014 pill (rounded filled), neon (dark with cyan glow), and default (flat bordered). Encodes the Cyberpunk Maverick voting pattern as a schema atom. CSS-only interactivity using checkbox/radio inputs.", "representativeQueries": [ "show a Multi-option vote buttons in pill, neon, or default style", "styled multi-option vote selector with three visual variants \u2014 pill (rounded filled), neon (dark with cyan glow), and", "render a vote button group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:effect_overlay", "displayName": "Effect Overlay", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/effect_overlay", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "CSS-animated celebration overlay triggered by a named effect type. confetti fires falling coloured rectangles via keyframe animation. trophy bounces a large emoji with a scale-in animation. pulse radiates a glowing circle. fireworks scatters particles radially. Designed as a schema atom wrapper around the canvas particle blast used in Cyberpunk Maverick demos.", "representativeQueries": [ "show a CSS confetti/trophy/pulse celebration overlay triggered by name", "css-animated celebration overlay triggered by a named effect type. confetti fires falling coloured rectangles via", "render a effect overlay" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:skeleton_stage_card", "displayName": "Skeleton Stage Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/skeleton_stage_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Dark-themed shimmer skeleton loader for stage use while a playbook is processing. Four variants \u2014 card (avatar + text lines), list (avatar rows), media (image header + caption), chat (alternating message bubbles). All use a CSS linear-gradient shimmer animation with no JavaScript.", "representativeQueries": [ "show a Dark shimmer skeleton loader in card/list/media/chat variants", "dark-themed shimmer skeleton loader for stage use while a playbook is processing. four variants \u2014 card (avatar + text", "render a skeleton stage card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:marquee_strip", "displayName": "Marquee Strip", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/marquee_strip", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Infinite horizontally-scrolling strip of text labels or logo+text items, driven by a CSS @keyframes animation with no JavaScript. Ideal for customer logo rows, tech-stack badges, testimonial tickers, and social proof strips. Pause-on-hover is CSS-only.", "representativeQueries": [ "show a infinite CSS-animated horizontal marquee of text or logo items", "infinite horizontally-scrolling strip of text labels or logo+text items, driven by a css @keyframes animation with no", "render a marquee strip" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:typewriter_text", "displayName": "Typewriter Text", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/typewriter_text", "capabilities": [ "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "Text that animates itself character by character using a CSS steps() width animation on a monospace element. A blinking cursor is included by default. Useful for hero hooks, slide reveals, and LLM demo showcases. No JavaScript required.", "representativeQueries": [ "show a CSS typewriter animation that reveals text character by character", "text that animates itself character by character using a css steps() width animation on a monospace element. a", "render a typewriter text" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:animated_border_card", "displayName": "Animated Border Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/animated_border_card", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Card with a continuously rotating gradient border, created by a spinning conic-gradient pseudo-element \u2014 no JavaScript. Two accent colours blend through the border. Inner content area has a solid background. Ideal for highlighting key facts, announcements, or featured atoms in a catalogue.", "representativeQueries": [ "show a card with CSS rotating gradient animated border", "card with a continuously rotating gradient border, created by a spinning conic-gradient pseudo-element \u2014 no", "render a animated border card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:aurora_background", "displayName": "Aurora Background", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/aurora_background", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Dark panel with three independently-animating radial gradient blobs that drift and scale using CSS @keyframes \u2014 creating an aurora borealis effect with no JavaScript. Supports optional title and body text overlaid on the effect. Ideal for hero sections, cover slides, and atmospheric backgrounds on meet-stage.", "representativeQueries": [ "show a animated aurora borealis gradient blob background, CSS-only", "dark panel with three independently-animating radial gradient blobs that drift and scale using css @keyframes \u2014", "render a aurora background" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:dot_grid_background", "displayName": "Dot Grid Background", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/dot_grid_background", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Panel with a CSS repeating dot, grid, or cross background pattern using background-image with radial-gradient or linear-gradient. No SVG, no JavaScript. Useful as a texture layer behind content in dark or light themes.", "representativeQueries": [ "show a CSS repeating dot or grid pattern panel background", "panel with a css repeating dot, grid, or cross background pattern using background-image with radial-gradient or", "render a dot grid background" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:shimmer_button", "displayName": "Shimmer Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/shimmer_button", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Inline button or link with a diagonal shimmer sweep animation driven by CSS background-position keyframes. The shimmer accent colour sweeps across the button on a loop. No JavaScript. Use for primary CTAs on dark backgrounds.", "representativeQueries": [ "show a button with CSS background-position shimmer sweep animation", "inline button or link with a diagonal shimmer sweep animation driven by css background-position keyframes. the shimmer", "render a shimmer button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:card_stack", "displayName": "Card Stack", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/card_stack", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Two to four cards stacked with CSS transform rotate and translateY, creating a fanned deck effect. The front card shows full title and body; back cards are progressively rotated and faded. No JavaScript \u2014 purely presentational. Useful for showcasing multiple items with a premium layered feel.", "representativeQueries": [ "show a CSS-fanned stack of 2\u20134 cards with rotation and opacity tiers", "two to four cards stacked with css transform rotate and translatey, creating a fanned deck effect. the front card", "render a card stack" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:meteor_shower", "displayName": "Meteor Shower", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/meteor_shower", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Dark panel with CSS-animated diagonal streaks that fall across the surface like a meteor shower. Each meteor is a rotated span with a linear-gradient tail, animated with staggered delays \u2014 no JavaScript, no canvas. Optional title and body text render above the effect layer.", "representativeQueries": [ "show a CSS-animated diagonal falling meteor streaks on a dark panel", "dark panel with css-animated diagonal streaks that fall across the surface like a meteor shower. each meteor is a", "render a meteor shower" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:blur_fade_in", "displayName": "Blur Fade In", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/blur_fade_in", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Container that animates from blurred and transparent to fully visible on mount. Uses CSS @keyframes with filter:blur() and opacity together \u2014 no JavaScript. Configurable delay, duration, and direction (up, down, left, right, none).", "representativeQueries": [ "show a CSS blur-to-focus fade-in container reveal", "container that animates from blurred and transparent to fully visible on mount. uses css @keyframes with filter:blur()", "render a blur fade in" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:glow_button", "displayName": "Glow Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/glow_button", "capabilities": [ "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "Button or anchor that uses CSS box-shadow to signal state. Three named states \u2014 disabled (grey), ready (brand), fired (success pulse) \u2014 each with a distinct glow colour and optional pulse animation. State is set via the state field; no JavaScript required.", "representativeQueries": [ "show a CSS box-shadow state-signalling button with disabled/ready/fired glow", "button or anchor that uses css box-shadow to signal state. three named states \u2014 disabled (grey), ready (brand), fired", "render a glow button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:animated_beam", "displayName": "Animated Beam", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/animated_beam", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Inline SVG panel showing two labelled endpoint nodes connected by a path with a pulsing light dot that travels along it, animating via CSS stroke-dashoffset. No JavaScript, no mousemove. Visualises data routing between two named components.", "representativeQueries": [ "show a CSS stroke-dashoffset animated SVG beam between two labelled nodes", "inline svg panel showing two labelled endpoint nodes connected by a path with a pulsing light dot that travels along", "render a animated beam" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:encrypted_reveal", "displayName": "Encrypted Reveal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/encrypted_reveal", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Text that appears to scramble through random alphanumeric characters before locking into the final readable string. Implemented entirely in CSS using a steps() @keyframes animation cycling through server-side pre-generated scrambled frames \u2014 no JavaScript required.", "representativeQueries": [ "show a CSS steps() scramble-to-reveal text animation", "text that appears to scramble through random alphanumeric characters before locking into the final readable string", "render a encrypted reveal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:word_flip", "displayName": "Word Flip", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/word_flip", "capabilities": [ "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "Inline overflow-hidden container that cycles through a list of words using a CSS steps() translateY animation. The agent provides the word array; the component handles all timing and looping. Useful for dynamic hero headlines such as \"Grow your [Retention | Revenue | Signups]\". No JavaScript required.", "representativeQueries": [ "show a CSS steps() vertical word carousel in an overflow-hidden inline container", "inline overflow-hidden container that cycles through a list of words using a css steps() translatey animation. the", "render a word flip" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sonar_pulse", "displayName": "Sonar Pulse", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sonar_pulse", "capabilities": [ "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "A visual attention primitive that emits three concentric ring pulses outward from a centre point using staggered CSS @keyframes. Each ring animates independently with a 1-second delay offset, creating a continuous sonar effect. Four named variants map to semantic colours. No JavaScript required.", "representativeQueries": [ "show a CSS concentric ring pulse animation for attention signalling", "a visual attention primitive that emits three concentric ring pulses outward from a centre point using staggered css", "render a sonar pulse" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:typewriter", "displayName": "Typewriter", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/typewriter", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Text that reveals itself character-by-character using a CSS steps() width animation on an overflow-hidden monospace container, with an optional blinking cursor. No JavaScript required.", "representativeQueries": [ "show a CSS character-by-character typewriter reveal with optional cursor", "text that reveals itself character-by-character using a css steps() width animation on an overflow-hidden monospace", "render a typewriter" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:number_odometer", "displayName": "Number Odometer", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/number_odometer", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Slot-machine style digit-by-digit flip animation where each digit column independently scrolls to its target value using staggered CSS translateY keyframes. Distinct from animated_counter which counts up sequentially \u2014 this flips each digit column independently.", "representativeQueries": [ "show a Slot-machine digit-column flip to target number", "slot-machine style digit-by-digit flip animation where each digit column independently scrolls to its target value", "render a number odometer" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:typing_indicator", "displayName": "Typing Indicator", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/typing_indicator", "capabilities": [ "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "Three bouncing dots inside a chat bubble that signals an agent or user is composing a response. Each dot animates with a staggered delay using CSS @keyframes translateY, creating a continuous wave effect.", "representativeQueries": [ "show a Three-dot bouncing chat typing indicator bubble", "three bouncing dots inside a chat bubble that signals an agent or user is composing a response. each dot animates with", "render a typing indicator" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:countdown_timer", "displayName": "Countdown Timer", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/countdown_timer", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Flip-clock style countdown display showing hours, minutes, and seconds in individual digit tiles. Renders a static snapshot of the target time \u2014 pair with a dataModelUpdate SSE stream to tick the values.", "representativeQueries": [ "show a Flip-clock countdown timer display (static tiles, data-driven ticking)", "flip-clock style countdown display showing hours, minutes, and seconds in individual digit tiles. renders a static", "render a countdown timer" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gradient_text", "displayName": "Gradient Text", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gradient_text", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Heading text rendered with an animated shifting gradient fill using CSS background-clip:text and a background-position keyframe. The gradient flows continuously between the from/to colours, creating a shimmer effect on titles and hero text.", "representativeQueries": [ "show a Animated gradient-fill heading text via CSS background-clip", "heading text rendered with an animated shifting gradient fill using css background-clip:text and a background-position", "render a gradient text" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:reveal_on_scroll", "displayName": "Reveal On Scroll", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/reveal_on_scroll", "capabilities": [ "web", "apps-script-web" ], "description": "Content block that starts invisible and fades + slides into view when scrolled into the viewport, using an IntersectionObserver with a CSS class toggle. Requires a small inline script \u2014 degrades gracefully to visible static content where JS is unavailable.", "representativeQueries": [ "show a IntersectionObserver scroll-triggered fade+slide reveal", "content block that starts invisible and fades + slides into view when scrolled into the viewport, using an", "render a reveal on scroll" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:word_scramble", "displayName": "Word Scramble", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/word_scramble", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Text that begins as a stream of random alphanumeric characters and progressively resolves left-to-right into the final string using CSS @keyframes content with steps(). Pure CSS \u2014 no JavaScript. Each frame pre-generates a partially-revealed scramble via Python at render time.", "representativeQueries": [ "show a CSS steps() left-to-right character scramble-to-reveal", "text that begins as a stream of random alphanumeric characters and progressively resolves left-to-right into the final", "render a word scramble" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:svg_path_draw", "displayName": "Svg Path Draw", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/svg_path_draw", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "An SVG path that animates drawing itself from start to end using the stroke-dasharray / stroke-dashoffset CSS technique. The agent selects a named shape (arrow, check, circle, zigzag, infinity) or supplies a custom SVG path string.", "representativeQueries": [ "show a SVG stroke-dashoffset self-drawing path animation", "an svg path that animates drawing itself from start to end using the stroke-dasharray / stroke-dashoffset css", "render a svg path draw" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:parallax_card", "displayName": "Parallax Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/parallax_card", "capabilities": [ "web", "gas-sidebar" ], "description": "A card with CSS perspective and a mousemove JavaScript handler that rotates the card along both axes in response to cursor position, creating a 3D parallax tilt effect. Text layers use translateZ to create depth separation. Requires a minimal inline script.", "representativeQueries": [ "show a 3D CSS perspective tilt card with mousemove parallax depth", "a card with css perspective and a mousemove javascript handler that rotates the card along both axes in response to", "render a parallax card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:quiz_question", "displayName": "Quiz Question", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/quiz_question", "capabilities": [ "web", "apps-script-web" ], "description": "Multiple-choice or true/false question card with CSS checkbox trick for answer reveal. Correct option is highlighted green on selection, wrong options dim. No JavaScript required \u2014 pure CSS :checked selectors drive the feedback state. Optionally shows an explanation block after any answer is chosen.", "representativeQueries": [ "show a MCQ or true/false question with CSS-only correct/wrong feedback", "multiple-choice or true/false question card with css checkbox trick for answer reveal. correct option is highlighted", "render a quiz question" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:fill_in_blank", "displayName": "Fill In Blank", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/fill_in_blank", "capabilities": [ "web", "apps-script-web" ], "description": "Cloze-test exercise where one or more blanks in a sentence or paragraph are replaced by inline input fields. On submission a minimal inline script compares trimmed lowercase input against accepted answers and highlights each blank green (correct) or red (wrong). A retry button resets all inputs.", "representativeQueries": [ "show a cloze-test sentence with inline inputs and correct/wrong highlight on submit", "cloze-test exercise where one or more blanks in a sentence or paragraph are replaced by inline input fields. on", "render a fill in blank" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:match_exercise", "displayName": "Match Exercise", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/match_exercise", "capabilities": [ "web", "apps-script-web" ], "description": "Click-to-pair matching exercise. Two columns of items are shown \u2014 left (terms) and right (definitions). Learner clicks a term then a definition to form a pair. Matched pairs lock and highlight green; a mismatch briefly flashes red then resets. A score chip shows pairs matched / total. Driven by a minimal inline script.", "representativeQueries": [ "show a click-to-pair matching exercise with green lock and red mismatch flash", "click-to-pair matching exercise. two columns of items are shown \u2014 left (terms) and right (definitions). learner clicks", "render a match exercise" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:hint_reveal", "displayName": "Hint Reveal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/hint_reveal", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "A \"Show hint\" disclosure button that expands to reveal help text. Built on the HTML details/summary element \u2014 no JavaScript required. The summary label toggles between \"Show hint\" and \"Hide hint\". Styled with a subtle left-border accent and muted background to visually separate it from body content.", "representativeQueries": [ "show a show/hide hint disclosure using HTML details/summary \u2014 no JS", "a \"show hint\" disclosure button that expands to reveal help text. built on the html details/summary element \u2014 no", "render a hint reveal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:achievement_badge", "displayName": "Achievement Badge", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/achievement_badge", "capabilities": [ "web", "meet-stage", "email", "pdf", "apps-script-web" ], "description": "Unlockable achievement or completion badge displayed as a circular icon with a title, description, and optional unlock date. Locked state shows a greyscale padlock overlay. Suitable for course completion, streak milestones, and skill certifications. Renders as a centred card or inline pill depending on size variant.", "representativeQueries": [ "show a unlockable achievement badge with locked/unlocked state and optional date", "unlockable achievement or completion badge displayed as a circular icon with a title, description, and optional unlock", "render a achievement badge" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:score_summary", "displayName": "Score Summary", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/score_summary", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "End-of-exercise or end-of-module score card showing correct answers, total questions, percentage, and optional time taken. Animates the score fraction on render using a CSS counter. Includes a contextual pass/fail or grade label and an optional retry/continue CTA row.", "representativeQueries": [ "show a end-of-exercise score card with correct/total, percentage, grade, and CTA", "end-of-exercise or end-of-module score card showing correct answers, total questions, percentage, and optional time", "render a score summary" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:xp_bar", "displayName": "Xp Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/xp_bar", "capabilities": [ "web", "meet-stage", "apps-script-web" ], "description": "Experience points or gamification progress bar showing current XP, level label, and XP needed to reach the next level. The fill animates from the previous value to the current value on render via CSS transition. A level-up flash overlay triggers when xp_current equals or exceeds xp_next.", "representativeQueries": [ "show a animated XP/points progress bar with level label and level-up flash", "experience points or gamification progress bar showing current xp, level label, and xp needed to reach the next level", "render a xp bar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:lesson_nav", "displayName": "Lesson Nav", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/lesson_nav", "capabilities": [ "web", "apps-script-web" ], "description": "Previous/next lesson navigation bar with the current lesson title centred and module context shown above. Each side shows the adjacent lesson title and a directional arrow. Optionally shows a completion checkbox for the current lesson that persists via localStorage.", "representativeQueries": [ "show a prev/next lesson navigation with module context and optional completion checkbox", "previous/next lesson navigation bar with the current lesson title centred and module context shown above. each side", "render a lesson nav" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:course_progress_card", "displayName": "Course Progress Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/course_progress_card", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Overall course completion card showing a list of modules with individual progress bars and a top-level aggregate progress ring. Each module row shows its title, lesson count, and percentage complete. Suitable for a course sidebar or dashboard widget.", "representativeQueries": [ "show a course-level progress card with per-module bars and aggregate completion ring", "overall course completion card showing a list of modules with individual progress bars and a top-level aggregate", "render a course progress card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:highlighted_text", "displayName": "Highlighted Text", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/highlighted_text", "capabilities": [ "web", "meet-stage", "pdf", "apps-script-web" ], "description": "Inline passage of text with a coloured highlight background and an optional margin annotation note. The annotation appears as a side-note pill on hover (CSS :hover) or as a visible aside on smaller viewports. Useful for reading comprehension exercises, exam technique callouts, and annotated source analysis.", "representativeQueries": [ "show a highlighted text passage with optional hover margin annotation note", "inline passage of text with a coloured highlight background and an optional margin annotation note. the annotation", "render a highlighted text" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:drive_file_list", "displayName": "Drive File List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/drive_file_list", "capabilities": [ "apps-script-web" ], "description": "Live list of files in a Google Drive folder rendered with icons and download links. Works on Google Apps Script only.", "representativeQueries": [ "show a live list of Drive folder files", "live list of files in a google drive folder rendered with icons and download links. works on google apps script only", "render a drive file list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sheet_preview", "displayName": "Sheet Preview", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sheet_preview", "capabilities": [ "apps-script-web" ], "description": "Live read-only preview of a specified range in a Google Sheet. Renders as an HTML table. Works on Google Apps Script only.", "representativeQueries": [ "show a live read-only Google Sheet range preview", "live read-only preview of a specified range in a google sheet. renders as an html table. works on google apps script", "render a sheet preview" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gmail_summary", "displayName": "Gmail Summary", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gmail_summary", "capabilities": [ "apps-script-web" ], "description": "Summary list of recent emails in the user's Gmail matching a search query. Works on Google Apps Script only.", "representativeQueries": [ "show a list of recent Gmail messages matching query", "summary list of recent emails in the user's gmail matching a search query. works on google apps script only", "render a gmail summary" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:calendar_upcoming", "displayName": "Calendar Upcoming", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/calendar_upcoming", "capabilities": [ "apps-script-web" ], "description": "List of upcoming events from the user's primary calendar. Works on Google Apps Script only.", "representativeQueries": [ "show a list of upcoming calendar events", "list of upcoming events from the user's primary calendar. works on google apps script only", "render a calendar upcoming" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:user_greeting", "displayName": "User Greeting", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/user_greeting", "capabilities": [ "apps-script-web" ], "description": "Personalised greeting showing the active user's Google account email. Works on Google Apps Script only.", "representativeQueries": [ "show a personalised greeting with active user email", "personalised greeting showing the active user's google account email. works on google apps script only", "render a user greeting" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:script_run_button", "displayName": "Script Run Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/script_run_button", "capabilities": [ "apps-script-web" ], "description": "Interactive button that executes a custom Google Apps Script server function when clicked, showing a loading spinner and returning/displaying the function result. Works on Google Apps Script only.", "representativeQueries": [ "show a button to trigger server-side Apps Script function", "interactive button that executes a custom google apps script server function when clicked, showing a loading spinner", "render a script run button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:calendar_today", "displayName": "Calendar Today", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/calendar_today", "capabilities": [ "apps-script-web" ], "description": "Today's events from the user's default Google Calendar, displayed as a compact timeline with time and location. Automatically shows today's date in the header.", "representativeQueries": [ "show a today's calendar events from the user's default calendar", "today's events from the user's default google calendar, displayed as a compact timeline with time and location", "render a calendar today" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sheet_stats", "displayName": "Sheet Stats", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sheet_stats", "capabilities": [ "apps-script-web" ], "description": "Aggregate statistics (sum, average, count, min, max) computed from a Google Sheet range and displayed as a row of stat badges. Ideal for dashboards.", "representativeQueries": [ "show a aggregate stats from a sheet range displayed as stat badges", "aggregate statistics (sum, average, count, min, max) computed from a google sheet range and displayed as a row of stat", "render a sheet stats" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gmail_unread_count", "displayName": "Gmail Unread Count", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gmail_unread_count", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Unread message count badges for one or more Gmail labels, shown as a pill row. Zero counts are displayed in grey; non-zero in the accent colour.", "representativeQueries": [ "show a unread count badges for Gmail labels", "unread message count badges for one or more gmail labels, shown as a pill row. zero counts are displayed in grey;", "render a gmail unread count" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:user_profile_card", "displayName": "User Profile Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/user_profile_card", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Personalised profile card showing the active user's avatar initial, display name (derived from email), email address, and Workspace domain. On GAS uses Session.getActiveUser(); on other surfaces renders from name/email fields.", "representativeQueries": [ "show a user avatar, display name, email and domain \u2014 live on GAS, static fields elsewhere", "personalised profile card showing the active user's avatar initial, display name (derived from email), email address,", "render a user profile card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:drive_storage_usage", "displayName": "Drive Storage Usage", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/drive_storage_usage", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Google Drive storage quota displayed as a labelled progress bar \u2014 used GB, total GB, and percentage. Bar colour shifts to amber above 70% and red above 90%. On GAS uses DriveApp; elsewhere pass used_gb and total_gb fields.", "representativeQueries": [ "show a Drive storage quota progress bar \u2014 live on GAS, or pass used_gb/total_gb for static", "google drive storage quota displayed as a labelled progress bar \u2014 used gb, total gb, and percentage. bar colour shifts", "render a drive storage usage" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sheet_form_submit", "displayName": "Sheet Form Submit", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sheet_form_submit", "capabilities": [ "apps-script-web" ], "description": "Inline form that appends a timestamped row to a Google Sheet on submit. Calls google.script.run.a2uiSheetAppend server-side. Each field renders as a labelled input or textarea.", "representativeQueries": [ "show a inline form that appends a row to a Google Sheet on submit", "inline form that appends a timestamped row to a google sheet on submit. calls google.script.run.a2uisheetappend", "render a sheet form submit" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tasks_today", "displayName": "Tasks Today", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tasks_today", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Incomplete tasks displayed as an interactive checkbox list. On GAS uses the Tasks API for live data; on other surfaces renders from an items[] array or the Google Tasks REST API.", "representativeQueries": [ "show a task checklist \u2014 live via Tasks API on GAS, items[] array on other surfaces", "incomplete tasks displayed as an interactive checkbox list. on gas uses the tasks api for live data; on other surfaces", "render a tasks today" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:cursor_glow", "displayName": "Cursor Glow", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/cursor_glow", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Ambient radial gradient orb that smoothly lerp-follows the cursor across the page using requestAnimationFrame. Uses CSS mix-blend-mode:screen for a light-leak feel. Page-scoped and double-init guarded.", "representativeQueries": [ "show a ambient glowing orb that lerp-follows the cursor with screen blend", "ambient radial gradient orb that smoothly lerp-follows the cursor across the page using requestanimationframe. uses", "render a cursor glow" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:cursor_trail", "displayName": "Cursor Trail", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/cursor_trail", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "A chain of fading dots that follow the cursor using worm-chain physics \u2014 each dot lerps toward the one ahead of it, creating a fluid trailing effect.", "representativeQueries": [ "show a chain of fading dots following the cursor with worm physics", "a chain of fading dots that follow the cursor using worm-chain physics \u2014 each dot lerps toward the one ahead of it,", "render a cursor trail" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:particle_burst", "displayName": "Particle Burst", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/particle_burst", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "On every click anywhere on the page, coloured particles burst outward from the click point with random velocities and simulated gravity, then fade out.", "representativeQueries": [ "show a click anywhere to burst coloured gravity particles from click point", "on every click anywhere on the page, coloured particles burst outward from the click point with random velocities and", "render a particle burst" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:spotlight_cursor", "displayName": "Spotlight Cursor", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/spotlight_cursor", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "A dark overlay with a soft-edged circular cutout that follows the cursor \u2014 torch or spotlight effect. Best used as a standalone page effect or dramatic opening slide.", "representativeQueries": [ "show a dark overlay with cursor-following circular cutout \u2014 torch effect", "a dark overlay with a soft-edged circular cutout that follows the cursor \u2014 torch or spotlight effect. best used as a", "render a spotlight cursor" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:magnetic_element", "displayName": "Magnetic Element", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/magnetic_element", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Wraps content that drifts toward the cursor when it enters the activation radius, then springs back with a cubic-bezier overshoot when the cursor leaves.", "representativeQueries": [ "show a content that drifts toward cursor and springs back with overshoot", "wraps content that drifts toward the cursor when it enters the activation radius, then springs back with a", "render a magnetic element" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tilt_card", "displayName": "Tilt Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tilt_card", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "A card that tilts in 3D perspective as the cursor moves across it, with a radial glare highlight that tracks cursor position. Uses CSS preserve-3d and dynamic box-shadow.", "representativeQueries": [ "show a 3D perspective tilt card with glare highlight driven by cursor position", "a card that tilts in 3d perspective as the cursor moves across it, with a radial glare highlight that tracks cursor", "render a tilt card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:doc_ai_summary", "displayName": "Doc Ai Summary", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/doc_ai_summary", "capabilities": [ "apps-script-web" ], "description": "Opens a Google Doc by ID, sends its text to Vertex AI Gemini, and renders the response as a structured summary card with word count and a link to the original doc. Requires VERTEX_PROJECT_ID in Script Properties.", "representativeQueries": [ "show a AI-powered Google Doc summary via Vertex AI Gemini", "opens a google doc by id, sends its text to vertex ai gemini, and renders the response as a structured summary card", "render a doc ai summary" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:multi_doc_ai_brief", "displayName": "Multi Doc Ai Brief", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/multi_doc_ai_brief", "capabilities": [ "apps-script-web" ], "description": "Takes an array of Google Doc IDs and renders one Vertex AI Gemini summary card per doc \u2014 a compact briefing pack for meetings. Each doc can have its own prompt override.", "representativeQueries": [ "show a multi-doc briefing pack \u2014 one Gemini summary card per Google Doc", "takes an array of google doc ids and renders one vertex ai gemini summary card per doc \u2014 a compact briefing pack for", "render a multi doc ai brief" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gradient_heading", "displayName": "Gradient Heading", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gradient_heading", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Gradient-fill standalone heading using CSS background-clip text. Simpler than dark_hero \u2014 just the text, no padding or CTA. Use inside content flow between other atoms.", "representativeQueries": [ "show a gradient-fill standalone heading", "gradient-fill standalone heading using css background-clip text. simpler than dark_hero \u2014 just the text, no padding or", "render a gradient heading" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:display_quote", "displayName": "Display Quote", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/display_quote", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Large typographic quote with a decorative quotation mark at 5rem, quote body in italic, and optional attribution line. Dark-native, great for Meet Stage title slides.", "representativeQueries": [ "show a typographic pull quote with decorative mark and attribution", "large typographic quote with a decorative quotation mark at 5rem, quote body in italic, and optional attribution line", "render a display quote" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:split_stat", "displayName": "Split Stat", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/split_stat", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Two-column layout \u2014 a large glowing stat number on the left (with neon text-shadow) and heading + body text on the right. Classic keynote layout, great for Meet Stage.", "representativeQueries": [ "show a two-column stat + text keynote layout with neon glow", "two-column layout \u2014 a large glowing stat number on the left (with neon text-shadow) and heading + body text on the", "render a split stat" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:word_reveal", "displayName": "Word Reveal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/word_reveal", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Words appear one by one with a fade-up animation that auto-plays on page load \u2014 no user interaction required. Great for Meet Stage title slides and reveal moments.", "representativeQueries": [ "show a auto-play word-by-word fade-up reveal animation", "words appear one by one with a fade-up animation that auto-plays on page load \u2014 no user interaction required. great", "render a word reveal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:section_label", "displayName": "Section Label", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/section_label", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Uppercase section marker with a short glowing accent line \u2014 use between content sections on dark pages to create visual rhythm.", "representativeQueries": [ "show a uppercase section marker with glowing accent pill", "uppercase section marker with a short glowing accent line \u2014 use between content sections on dark pages to create", "render a section label" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:count_up_stat", "displayName": "Count Up Stat", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/count_up_stat", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "A stat number that counts up from zero to the target value using a cubic ease function on page load. Auto-plays \u2014 no user interaction required.", "representativeQueries": [ "show a animated count-up number stat with cubic ease, auto-plays on load", "a stat number that counts up from zero to the target value using a cubic ease function on page load. auto-plays \u2014 no", "render a count up stat" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:text_highlight", "displayName": "Text Highlight", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/text_highlight", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Inline prose sentence where specific words are highlighted in an accent colour. Mark words with **double asterisks** in the text field \u2014 highlighted words are wrapped in a styled span.", "representativeQueries": [ "show a prose sentence with **marked** words highlighted in accent colour", "inline prose sentence where specific words are highlighted in an accent colour. mark words with **double asterisks**", "render a text highlight" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:reveal_line", "displayName": "Reveal Line", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/reveal_line", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "A single line of text that sweeps in from left using a clip-path animation \u2014 dramatic and instant. Auto-plays on load, no click required. Great for Meet Stage opening slides.", "representativeQueries": [ "show a clip-path sweep-in reveal line, auto-plays on load", "a single line of text that sweeps in from left using a clip-path animation \u2014 dramatic and instant. auto-plays on load,", "render a reveal line" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:canvas_plexus", "displayName": "Canvas Plexus", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/canvas_plexus", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Full-viewport animated particle network \u2014 dots connected by proximity lines that fade with distance. Mouse/pointer repulses particles. Zero external dependencies, pure requestAnimationFrame loop.", "representativeQueries": [ "show a animated particle plexus with proximity lines and mouse repulsion", "full-viewport animated particle network \u2014 dots connected by proximity lines that fade with distance. mouse/pointer", "render a canvas plexus" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:spring_nodes", "displayName": "Spring Nodes", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/spring_nodes", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Interactive mass-spring physics simulation \u2014 nodes repel each other (Coulomb) and are held by Hooke springs on defined edges. Click and drag to pin and move nodes. Settles naturally from a stacked initial position.", "representativeQueries": [ "show a interactive mass-spring physics graph with drag-to-pin nodes", "interactive mass-spring physics simulation \u2014 nodes repel each other (coulomb) and are held by hooke springs on defined", "render a spring nodes" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:isometric_mesh", "displayName": "Isometric Mesh", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/isometric_mesh", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Rotating 3D isometric height-field mesh. Default surface is a 16\u00d716 Gaussian hill pre-computed server-side. Drag to rotate manually; auto-rotates until first touch. Height colour interpolates from deep indigo (low) to bright violet (high).", "representativeQueries": [ "show a rotating 3D isometric mesh with height-colour mapping and drag-rotate", "rotating 3d isometric height-field mesh. default surface is a 16\u00d716 gaussian hill pre-computed server-side. drag to", "render a isometric mesh" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:geo_iso_takeoff", "displayName": "Geo Iso Takeoff", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/geo_iso_takeoff", "capabilities": [ "apps-script-web" ], "description": "Full-viewport isometric 3D canvas animation of an A321neo (or other narrowbody) departing from Toulouse Blagnac (LFBO). Shows rolling takeoff run, rotation, gear retraction, and climb-out against a night-sky grid. HUD overlay shows airline code, aircraft type, and runway. Accent colour auto-selected from airline ICAO (AIB=Airbus blue, EZY=orange, AFR=Air France blue, BAW=British Airways red, DLH=Lufthansa navy, RYR=Ryanair blue). Includes a LIVE RADAR button that opens the airspace_command_deck for LFBO.", "representativeQueries": [ "show a isometric 3D canvas of A321neo takeoff from LFBO \u2014 animated roll, rotation, gear-up, climb; HUD with airline/runway", "full-viewport isometric 3d canvas animation of an a321neo (or other narrowbody) departing from toulouse blagnac", "render a geo iso takeoff" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:geo_iso_rocket_launch", "displayName": "Geo Iso Rocket Launch", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/geo_iso_rocket_launch", "capabilities": [ "apps-script-web" ], "description": "Full-viewport isometric 3D canvas animation of an Ariane 6 rocket launch from Kourou ELA-4. Shows pad, ignition, liftoff, and ascent trajectory. HUD overlay with mission data.", "representativeQueries": [ "show a isometric 3D canvas of Ariane 6 rocket launch from Kourou \u2014 animated liftoff and ascent; mission HUD", "full-viewport isometric 3d canvas animation of an ariane 6 rocket launch from kourou ela-4. shows pad, ignition,", "render a geo iso rocket launch" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:geo_iso_heli_hover", "displayName": "Geo Iso Heli Hover", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/geo_iso_heli_hover", "capabilities": [ "apps-script-web" ], "description": "Full-viewport isometric 3D canvas animation of an H160 helicopter hovering over a helipad. Rotor blur, downwash ripple, and HUD overlay with livery accent colour.", "representativeQueries": [ "show a isometric 3D canvas of H160 helicopter hover \u2014 rotor animation, downwash, HUD", "full-viewport isometric 3d canvas animation of an h160 helicopter hovering over a helipad. rotor blur, downwash", "render a geo iso heli hover" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:geo_iso_fleet", "displayName": "Geo Iso Fleet", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/geo_iso_fleet", "capabilities": [ "apps-script-web" ], "description": "Full-viewport tabbed showcase of all three isometric aviation animations \u2014 A321neo takeoff, Ariane 6 launch, and H160 hover \u2014 in a single atom with tab switcher. Use this for a full aviation/aerospace demo page. tab field sets which scene opens by default.", "representativeQueries": [ "show a tabbed isometric fleet demo \u2014 A321neo takeoff + Ariane 6 launch + H160 hover with tab switcher", "full-viewport tabbed showcase of all three isometric aviation animations \u2014 a321neo takeoff, ariane 6 launch, and h160", "render a geo iso fleet" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:airspace_command_deck", "displayName": "Airspace Command Deck", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/airspace_command_deck", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Full-viewport Toulouse TMA airspace radar display \u2014 canvas radar with animated simulated flights, rotating sweep, VOR beacons, and approach paths. HTML/CSS overlay for crisp chyron title, weather panel, flight list HUD, and scrolling ticker. Driven by the toulouse_airspace.yaml playbook via the ?slide= URL parameter. For the Toulouse demo, prefer routing through Code.js _renderAirspaceSlide() which handles live METAR interpolation.", "representativeQueries": [ "show a Toulouse TMA radar canvas with animated flights, HUD overlay, and live METAR ticker", "full-viewport toulouse tma airspace radar display \u2014 canvas radar with animated simulated flights, rotating sweep, vor", "render a airspace command deck" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:data_source", "displayName": "Data Source", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/data_source", "capabilities": [ "apps-script-web" ], "description": "Generic HTTP GET data feed. Fetches on server-side render (GAS surface via UrlFetchApp) then refreshes client-side via google.script.run.fetchDataSource(). Publishes to window.A2UI_DATA[name] and calls window.A2UI_CALLBACKS[name]. Other surfaces would use fetch() or requests instead.", "representativeQueries": [ "show a generic HTTP feed \u2014 server-side initial fetch, client-side refresh via surface transport", "generic http get data feed. fetches on server-side render (gas surface via urlfetchapp) then refreshes client-side via", "render a data source" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:adsb_feed", "displayName": "Adsb Feed", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/adsb_feed", "capabilities": [ "apps-script-web" ], "description": "OpenSky Network ADS-B live traffic feed for a geographic bounding box. Fetches server-side on render (cached), refreshes client-side every refresh seconds. Publishes normalised flight objects {callsign, lat, lon, alt_ft, spd_kt, hdg, on_ground, squawk} to the named feed. Unauthenticated OpenSky limit is 400 req/day \u2014 keep cache TTL >= 15s.", "representativeQueries": [ "show a OpenSky Network ADS-B live flight positions for a bounding box", "opensky network ads-b live traffic feed for a geographic bounding box. fetches server-side on render (cached),", "render a adsb feed" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:metar_feed", "displayName": "Metar Feed", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/metar_feed", "capabilities": [ "apps-script-web" ], "description": "METAR weather for an ICAO station via aviationweather.gov. Fetches server-side on render (cached), refreshes client-side every refresh seconds. Publishes {wind, temp, qnh, raw} to the named feed. Visual atoms bind to it by name and receive updates without a page reload.", "representativeQueries": [ "show a live METAR weather feed \u2014 parsed wind, temp, QNH for an ICAO station", "metar weather for an icao station via aviationweather.gov. fetches server-side on render (cached), refreshes", "render a metar feed" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:firestore_read", "displayName": "Firestore Read", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/firestore_read", "capabilities": [ "apps-script-web" ], "description": "Data connector: reads a single Firestore document (noun: document at project/collection/doc_id) on server-side render (verb: read) and publishes the deserialized result to window.A2UI_DATA[name]. Visual atoms subscribe via window.A2UI_CALLBACKS[name] \u2014 the named connector wires data to presentation without direct coupling. GAS surface fetches via Firestore REST API using ScriptApp.getOAuthToken(); requires the datastore OAuth scope in appsscript.json. Optional client-side refresh calls google.script.run.fetchFirestoreDoc() so the page stays live without a reload. Data shape is surface-agnostic \u2014 any visual atom can bind to the named feed.", "representativeQueries": [ "show a Firestore document read \u2014 publishes deserialized doc to named data connector; visual atoms subscribe by name", "data connector: reads a single firestore document (noun: document at project/collection/doc_id) on server-side render", "render a firestore read" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:paragraph", "displayName": "Paragraph", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/paragraph", "capabilities": [ "apps-script-web" ], "description": "Prose paragraph block (alias for body, apps-script-web only)", "representativeQueries": [ "show a prose paragraph (GAS alias for body)", "prose paragraph block (alias for body, apps-script-web only)", "render a paragraph" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:text_block", "displayName": "Text Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/text_block", "capabilities": [ "apps-script-web" ], "description": "Plain text block rendered as a paragraph", "representativeQueries": [ "show a plain text block", "plain text block rendered as a paragraph", "render a text block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:blockquote", "displayName": "Blockquote", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/blockquote", "capabilities": [ "apps-script-web" ], "description": "Styled pull-quote with optional attribution line", "representativeQueries": [ "show a styled pull-quote with attribution", "styled pull-quote with optional attribution line", "render a blockquote" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:spacer", "displayName": "Spacer", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/spacer", "capabilities": [ "apps-script-web" ], "description": "Vertical whitespace gap between atoms", "representativeQueries": [ "show a vertical whitespace gap", "vertical whitespace gap between atoms", "render a spacer" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tag_chip", "displayName": "Tag Chip", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tag_chip", "capabilities": [ "apps-script-web" ], "description": "Small inline tag/label chip", "representativeQueries": [ "show a inline tag chip", "small inline tag/label chip", "render a tag chip" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:badge", "displayName": "Badge", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/badge", "capabilities": [ "apps-script-web" ], "description": "Inline badge pill with accent colour", "representativeQueries": [ "show a inline badge pill", "inline badge pill with accent colour", "render a badge" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:inline_code", "displayName": "Inline Code", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/inline_code", "capabilities": [ "apps-script-web" ], "description": "Monospace inline code span", "representativeQueries": [ "show a monospace inline code span", "render a inline code" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:code_block", "displayName": "Code Block", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/code_block", "capabilities": [ "apps-script-web" ], "description": "Syntax-highlighted code block", "representativeQueries": [ "show a syntax-highlighted code block", "render a code block" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:link_button", "displayName": "Link Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/link_button", "capabilities": [ "apps-script-web" ], "description": "Text hyperlink styled as a button", "representativeQueries": [ "show a text hyperlink button", "text hyperlink styled as a button", "render a link button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:cta_button", "displayName": "Cta Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/cta_button", "capabilities": [ "apps-script-web" ], "description": "Full-width call-to-action button linking to a URL", "representativeQueries": [ "show a call-to-action button", "full-width call-to-action button linking to a url", "render a cta button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:nav_link", "displayName": "Nav Link", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/nav_link", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Single CTA button or link that navigates to a named A2UI page. Automatically appends &from= so the destination page's back button returns here. Style variants \u2014 primary (filled indigo), ghost (border), or text (minimal).", "representativeQueries": [ "show a single CTA link to a named page \u2014 appends from= automatically for back-button support", "single cta button or link that navigates to a named a2ui page. automatically appends &from= so the", "render a nav link" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:info_card", "displayName": "Info Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/info_card", "capabilities": [ "apps-script-web" ], "description": "Simple card with title and body text", "representativeQueries": [ "show a simple info card with title and body", "simple card with title and body text", "render a info card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:ai_build_trace", "displayName": "Ai Build Trace", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/ai_build_trace", "capabilities": [ "apps-script-web" ], "description": "Token usage and model trace card \u2014 shows Gemini call stats inline on a page", "representativeQueries": [ "show a Gemini token usage trace card", "token usage and model trace card \u2014 shows gemini call stats inline on a page", "render a ai build trace" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gemini_prompt", "displayName": "Gemini Prompt", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gemini_prompt", "capabilities": [ "apps-script-web" ], "description": "Inline Gemini prompt input that calls the GAS callGemini() function from within a rendered page", "representativeQueries": [ "show a inline Gemini prompt input widget", "inline gemini prompt input that calls the gas callgemini() function from within a rendered page", "render a gemini prompt" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:dark_hero", "displayName": "Dark Hero", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/dark_hero", "capabilities": [ "apps-script-web" ], "description": "Full-width dark hero banner with gradient background, badge, headline, and CTA button", "representativeQueries": [ "show a dark hero banner with gradient and CTA", "full-width dark hero banner with gradient background, badge, headline, and cta button", "render a dark hero" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:glowing_stat", "displayName": "Glowing Stat", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/glowing_stat", "capabilities": [ "apps-script-web" ], "description": "Single large stat with neon glow effect on dark background", "representativeQueries": [ "show a neon-glow stat number on dark card", "single large stat with neon glow effect on dark background", "render a glowing stat" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:glass_card", "displayName": "Glass Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/glass_card", "capabilities": [ "apps-script-web" ], "description": "Frosted-glass card with backdrop-filter blur. Use for dark-theme highlight boxes, callouts, or content wrappers. Content is raw HTML string.", "representativeQueries": [ "show a frosted-glass card with blur backdrop \u2014 dark-theme highlight box", "frosted-glass card with backdrop-filter blur. use for dark-theme highlight boxes, callouts, or content wrappers", "render a glass card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gradient_border_card", "displayName": "Gradient Border Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gradient_border_card", "capabilities": [ "apps-script-web" ], "description": "Card with an animated gradient border stroke on dark background", "representativeQueries": [ "show a animated gradient border card", "card with an animated gradient border stroke on dark background", "render a gradient border card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:floating_orbs", "displayName": "Floating Orbs", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/floating_orbs", "capabilities": [ "apps-script-web" ], "description": "Decorative blurred colour orbs that float in a dark background area", "representativeQueries": [ "show a decorative blurred colour orbs background", "decorative blurred colour orbs that float in a dark background area", "render a floating orbs" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:neon_text", "displayName": "Neon Text", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/neon_text", "capabilities": [ "apps-script-web" ], "description": "Neon-coloured glowing text, ideal for dark technical pages", "representativeQueries": [ "show a neon-glow coloured text", "neon-coloured glowing text, ideal for dark technical pages", "render a neon text" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:dark_feature_grid", "displayName": "Dark Feature Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/dark_feature_grid", "capabilities": [ "apps-script-web" ], "description": "Responsive feature grid on dark background \u2014 icon, title, description per cell", "representativeQueries": [ "show a dark-theme feature grid with icons", "responsive feature grid on dark background \u2014 icon, title, description per cell", "render a dark feature grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:dark_divider", "displayName": "Dark Divider", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/dark_divider", "capabilities": [ "apps-script-web" ], "description": "Thin horizontal rule for dark theme pages", "representativeQueries": [ "show a dark-theme horizontal divider", "thin horizontal rule for dark theme pages", "render a dark divider" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:ambient_gradient", "displayName": "Ambient Gradient", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/ambient_gradient", "capabilities": [ "apps-script-web" ], "description": "Full-screen animated aurora background \u2014 alias for aurora_background", "representativeQueries": [ "show a animated aurora/ambient gradient background", "full-screen animated aurora background \u2014 alias for aurora_background", "render a ambient gradient" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:depth_stack", "displayName": "Depth Stack", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/depth_stack", "capabilities": [ "apps-script-web" ], "description": "Stacked layered cards with parallax depth \u2014 alias for card_stack", "representativeQueries": [ "show a stacked cards with depth parallax", "stacked layered cards with parallax depth \u2014 alias for card_stack", "render a depth stack" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:scramble_reveal", "displayName": "Scramble Reveal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/scramble_reveal", "capabilities": [ "apps-script-web" ], "description": "Text that decrypts/un-scrambles character-by-character on scroll \u2014 alias for encrypted_reveal", "representativeQueries": [ "show a character-scramble text reveal on scroll", "text that decrypts/un-scrambles character-by-character on scroll \u2014 alias for encrypted_reveal", "render a scramble reveal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:scroll_trigger", "displayName": "Scroll Trigger", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/scroll_trigger", "capabilities": [ "apps-script-web" ], "description": "Content that animates in from a direction when scrolled into view \u2014 alias for reveal_on_scroll", "representativeQueries": [ "show a scroll-triggered animated reveal", "content that animates in from a direction when scrolled into view \u2014 alias for reveal_on_scroll", "render a scroll trigger" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:flow_connector", "displayName": "Flow Connector", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/flow_connector", "capabilities": [ "apps-script-web" ], "description": "Animated dashed beam connecting two labelled nodes \u2014 alias for animated_beam", "representativeQueries": [ "show a animated beam connector between two nodes", "animated dashed beam connecting two labelled nodes \u2014 alias for animated_beam", "render a flow connector" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:live_metric", "displayName": "Live Metric", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/live_metric", "capabilities": [ "apps-script-web" ], "description": "Animated counter that counts up from start to a target value \u2014 alias for animated_counter", "representativeQueries": [ "show a animated counting number (alias for animated_counter)", "animated counter that counts up from start to a target value \u2014 alias for animated_counter", "render a live metric" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:deadline_ticker", "displayName": "Deadline Ticker", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/deadline_ticker", "capabilities": [ "apps-script-web" ], "description": "Countdown timer showing days/hours/minutes/seconds to a target date \u2014 alias for countdown_timer", "representativeQueries": [ "show a countdown timer to a target date (alias)", "countdown timer showing days/hours/minutes/seconds to a target date \u2014 alias for countdown_timer", "render a deadline ticker" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:pattern_background", "displayName": "Pattern Background", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/pattern_background", "capabilities": [ "apps-script-web" ], "description": "Dot-grid repeating pattern background \u2014 alias for dot_grid_background", "representativeQueries": [ "show a dot-grid pattern background (alias)", "dot-grid repeating pattern background \u2014 alias for dot_grid_background", "render a pattern background" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:glitch_text", "displayName": "Glitch Text", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/glitch_text", "capabilities": [ "apps-script-web" ], "description": "Cyan glitch-effect headline \u2014 periodic RGB-split animation", "representativeQueries": [ "show a RGB-split glitch-effect headline", "cyan glitch-effect headline \u2014 periodic rgb-split animation", "render a glitch text" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:neon_glow", "displayName": "Neon Glow", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/neon_glow", "capabilities": [ "apps-script-web" ], "description": "Pulsing neon-glow text on a near-black background", "representativeQueries": [ "show a pulsing neon-glow text on dark card", "pulsing neon-glow text on a near-black background", "render a neon glow" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:magnetic_button", "displayName": "Magnetic Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/magnetic_button", "capabilities": [ "apps-script-web" ], "description": "Button that follows the cursor magnetically on hover", "representativeQueries": [ "show a magnetic cursor-following button", "button that follows the cursor magnetically on hover", "render a magnetic button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:confetti_trigger", "displayName": "Confetti Trigger", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/confetti_trigger", "capabilities": [ "apps-script-web" ], "description": "Button that triggers confetti explosion when clicked", "representativeQueries": [ "show a click-to-trigger confetti button", "button that triggers confetti explosion when clicked", "render a confetti trigger" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:floating_particles", "displayName": "Floating Particles", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/floating_particles", "capabilities": [ "apps-script-web" ], "description": "Floating particle field background (canvas fallback placeholder)", "representativeQueries": [ "show a floating particles background (canvas placeholder)", "floating particle field background (canvas fallback placeholder)", "render a floating particles" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:parallax_section", "displayName": "Parallax Section", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/parallax_section", "capabilities": [ "apps-script-web" ], "description": "Parallax scroll section (canvas fallback placeholder)", "representativeQueries": [ "show a parallax scroll section (canvas placeholder)", "parallax scroll section (canvas fallback placeholder)", "render a parallax section" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:scroll_progress", "displayName": "Scroll Progress", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/scroll_progress", "capabilities": [ "apps-script-web" ], "description": "Thin fixed progress bar at the top of the viewport showing scroll position", "representativeQueries": [ "show a fixed scroll-progress bar at page top", "thin fixed progress bar at the top of the viewport showing scroll position", "render a scroll progress" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:live_clock", "displayName": "Live Clock", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/live_clock", "capabilities": [ "apps-script-web" ], "description": "Live ticking clock on a dark card, updates every second", "representativeQueries": [ "show a live ticking clock widget", "live ticking clock on a dark card, updates every second", "render a live clock" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:decision_tree", "displayName": "Decision Tree", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/decision_tree", "capabilities": [ "apps-script-web" ], "description": "Interactive collapsible decision tree with nested branches", "representativeQueries": [ "show a interactive collapsible decision tree", "interactive collapsible decision tree with nested branches", "render a decision tree" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:step_reveal_sequence", "displayName": "Step Reveal Sequence", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/step_reveal_sequence", "capabilities": [ "apps-script-web" ], "description": "Tab-style step-by-step content with radio-button navigation", "representativeQueries": [ "show a tabbed step-by-step sequence", "tab-style step-by-step content with radio-button navigation", "render a step reveal sequence" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:chat_sequence", "displayName": "Chat Sequence", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/chat_sequence", "capabilities": [ "apps-script-web" ], "description": "Animated conversation thread with user/assistant bubbles", "representativeQueries": [ "show a animated chat conversation thread", "animated conversation thread with user/assistant bubbles", "render a chat sequence" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:tooltip_glossary", "displayName": "Tooltip Glossary", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/tooltip_glossary", "capabilities": [ "apps-script-web" ], "description": "Glossary list where hovering a term shows its definition as a tooltip", "representativeQueries": [ "show a glossary with hover tooltips", "glossary list where hovering a term shows its definition as a tooltip", "render a tooltip glossary" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:focus_lens", "displayName": "Focus Lens", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/focus_lens", "capabilities": [ "apps-script-web" ], "description": "Blurred background with a clear focused panel in the centre \u2014 spotlight effect", "representativeQueries": [ "show a spotlight focus lens on blurred background", "blurred background with a clear focused panel in the centre \u2014 spotlight effect", "render a focus lens" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:terminal_boot", "displayName": "Terminal Boot", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/terminal_boot", "capabilities": [ "apps-script-web" ], "description": "Dark terminal window that types out boot/log lines one by one", "representativeQueries": [ "show a animated terminal boot sequence", "dark terminal window that types out boot/log lines one by one", "render a terminal boot" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:stagger_list", "displayName": "Stagger List", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/stagger_list", "capabilities": [ "apps-script-web" ], "description": "List of items that animate in with a staggered delay \u2014 supports icons and descriptions", "representativeQueries": [ "show a stagger-animated list of items", "list of items that animate in with a staggered delay \u2014 supports icons and descriptions", "render a stagger list" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:liquid_button", "displayName": "Liquid Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/liquid_button", "capabilities": [ "apps-script-web" ], "description": "Button that morphs between circular and rounded-rectangle on hover", "representativeQueries": [ "show a liquid morphing hover button", "button that morphs between circular and rounded-rectangle on hover", "render a liquid button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:highlight_sweep", "displayName": "Highlight Sweep", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/highlight_sweep", "capabilities": [ "apps-script-web" ], "description": "Text with an animated highlight sweep underline that plays on load", "representativeQueries": [ "show a animated highlight sweep text", "text with an animated highlight sweep underline that plays on load", "render a highlight sweep" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:progress_reveal", "displayName": "Progress Reveal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/progress_reveal", "capabilities": [ "apps-script-web" ], "description": "Animated progress bar that counts from 0 to a value when scrolled into view", "representativeQueries": [ "show a scroll-triggered animated progress bar", "animated progress bar that counts from 0 to a value when scrolled into view", "render a progress reveal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:big_reveal", "displayName": "Big Reveal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/big_reveal", "capabilities": [ "apps-script-web" ], "description": "Large centred number or word that pops in with a spring scale animation", "representativeQueries": [ "show a spring-animation big number or word reveal", "large centred number or word that pops in with a spring scale animation", "render a big reveal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:kinetic_headline", "displayName": "Kinetic Headline", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/kinetic_headline", "capabilities": [ "apps-script-web" ], "description": "Headline where each word flies in with a staggered animation", "representativeQueries": [ "show a word-by-word kinetic headline animation", "headline where each word flies in with a staggered animation", "render a kinetic headline" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:text_reveal_mask", "displayName": "Text Reveal Mask", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/text_reveal_mask", "capabilities": [ "apps-script-web" ], "description": "Headline that sweeps in from left using clip-path mask animation", "representativeQueries": [ "show a clip-path text reveal mask animation", "headline that sweeps in from left using clip-path mask animation", "render a text reveal mask" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:split_reveal", "displayName": "Split Reveal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/split_reveal", "capabilities": [ "apps-script-web" ], "description": "Content hidden behind two coloured panels that slide apart to reveal it", "representativeQueries": [ "show a split-panel reveal animation", "content hidden behind two coloured panels that slide apart to reveal it", "render a split reveal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:mesh_gradient", "displayName": "Mesh Gradient", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/mesh_gradient", "capabilities": [ "apps-script-web" ], "description": "Dark card with radial mesh/blob gradient background \u2014 vivid multi-colour", "representativeQueries": [ "show a dark card with radial mesh gradient background", "dark card with radial mesh/blob gradient background \u2014 vivid multi-colour", "render a mesh gradient" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:stripe_background", "displayName": "Stripe Background", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/stripe_background", "capabilities": [ "apps-script-web" ], "description": "Card with animated diagonal stripe background pattern", "representativeQueries": [ "show a animated diagonal stripe background card", "card with animated diagonal stripe background pattern", "render a stripe background" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:status_timeline", "displayName": "Status Timeline", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/status_timeline", "capabilities": [ "apps-script-web" ], "description": "Vertical timeline with status dots (done/active/pending/error/warning)", "representativeQueries": [ "show a status-dot vertical timeline", "vertical timeline with status dots (done/active/pending/error/warning)", "render a status timeline" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:counter_group", "displayName": "Counter Group", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/counter_group", "capabilities": [ "apps-script-web" ], "description": "Row of animated counting stats separated by dividers", "representativeQueries": [ "show a row of animated stat counters", "row of animated counting stats separated by dividers", "render a counter group" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:orbit_diagram", "displayName": "Orbit Diagram", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/orbit_diagram", "capabilities": [ "apps-script-web" ], "description": "Animated orbiting node diagram \u2014 central node with satellite labels on a dashed orbit ring", "representativeQueries": [ "show a animated orbit diagram with satellite nodes", "animated orbiting node diagram \u2014 central node with satellite labels on a dashed orbit ring", "render a orbit diagram" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:noise_card", "displayName": "Noise Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/noise_card", "capabilities": [ "apps-script-web" ], "description": "Dark card with subtle SVG film-grain noise texture overlay", "representativeQueries": [ "show a dark card with film-grain noise texture", "dark card with subtle svg film-grain noise texture overlay", "render a noise card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:comparison_morph", "displayName": "Comparison Morph", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/comparison_morph", "capabilities": [ "apps-script-web" ], "description": "Draggable before/after slider revealing two text panels side by side", "representativeQueries": [ "show a draggable before/after comparison slider", "draggable before/after slider revealing two text panels side by side", "render a comparison morph" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:word_cloud", "displayName": "Word Cloud", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/word_cloud", "capabilities": [ "apps-script-web" ], "description": "Interactive word cloud \u2014 static words or live Google Sheets feed with submit input", "representativeQueries": [ "show a interactive word cloud with optional live Sheet feed", "interactive word cloud \u2014 static words or live google sheets feed with submit input", "render a word cloud" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:quiz_set", "displayName": "Quiz Set", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/quiz_set", "capabilities": [ "apps-script-web" ], "description": "Multi-question quiz with multiple-choice options, per-question explanations, pass score, and result screen", "representativeQueries": [ "show a multi-question interactive quiz", "multi-question quiz with multiple-choice options, per-question explanations, pass score, and result screen", "render a quiz set" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:globe_3d", "displayName": "Globe 3D", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/globe_3d", "capabilities": [ "apps-script-web" ], "description": "Spinning interactive 3-D wireframe or earth globe rendered on HTML5 canvas \u2014 draggable with inertia", "representativeQueries": [ "show a interactive spinning 3-D globe (wire or earth)", "spinning interactive 3-d wireframe or earth globe rendered on html5 canvas \u2014 draggable with inertia", "render a globe 3d" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:geo_mercator_radar", "displayName": "Geo Mercator Radar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/geo_mercator_radar", "capabilities": [ "apps-script-web" ], "description": "Interactive Mercator projection map with draggable pan, node pins, and animated link vectors \u2014 dark radar aesthetic", "representativeQueries": [ "show a dark-theme interactive Mercator map with node pins and links", "interactive mercator projection map with draggable pan, node pins, and animated link vectors \u2014 dark radar aesthetic", "render a geo mercator radar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:geo_contour_waves", "displayName": "Geo Contour Waves", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/geo_contour_waves", "capabilities": [ "apps-script-web" ], "description": "Animated isobaric atmospheric contour wave field \u2014 fluid procedural sine/cosine curves on dark background", "representativeQueries": [ "show a animated atmospheric contour wave field", "animated isobaric atmospheric contour wave field \u2014 fluid procedural sine/cosine curves on dark background", "render a geo contour waves" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:multi_surface", "displayName": "Multi Surface", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/multi_surface", "capabilities": [ "apps-script-web" ], "description": "One data pool rendered simultaneously across three surface engines: spatial map (desktop), phone frame card list (mobile), circular focus face (IoT/watch)", "representativeQueries": [ "show a three-engine multi-surface demo atom", "one data pool rendered simultaneously across three surface engines: spatial map (desktop), phone frame card list", "render a multi surface" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:geo_europe_airspace", "displayName": "Geo Europe Airspace", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/geo_europe_airspace", "capabilities": [ "apps-script-web" ], "description": "Interactive SVG European airspace map \u2014 country outlines, airport pins, simulated flight tracks, click-to-open TMA playbook", "representativeQueries": [ "show a interactive European airspace map with airports and flights", "interactive svg european airspace map \u2014 country outlines, airport pins, simulated flight tracks, click-to-open tma", "render a geo europe airspace" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:feed_status", "displayName": "Feed Status", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/feed_status", "capabilities": [ "apps-script-web" ], "description": "Live-feed status pill \u2014 shows LIVE (n) or SIM based on data published to a named feed", "representativeQueries": [ "show a live/sim status pill for a named data feed", "live-feed status pill \u2014 shows live (n) or sim based on data published to a named feed", "render a feed status" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:playbook", "displayName": "Playbook", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/playbook", "capabilities": [ "apps-script-web" ], "description": "Full-screen multi-slide presentation deck \u2014 each slide is its own atom block array, with shared data feeds and slide navigation", "representativeQueries": [ "show a multi-slide fullscreen presentation playbook", "full-screen multi-slide presentation deck \u2014 each slide is its own atom block array, with shared data feeds and slide", "render a playbook" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:surface_unlocked", "displayName": "Surface Unlocked", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/surface_unlocked", "capabilities": [ "apps-script-web" ], "description": "Game-style \"NEW SURFACE UNLOCKED\" achievement notification card", "representativeQueries": [ "show a achievement-style surface unlocked notification", "game-style \"new surface unlocked\" achievement notification card", "render a surface unlocked" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:schema_reveal", "displayName": "Schema Reveal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/schema_reveal", "capabilities": [ "apps-script-web" ], "description": "Decodes the current page ?p= URL and displays the JSON schema that built this page", "representativeQueries": [ "show a self-reveal: shows this page's own JSON schema", "decodes the current page ?p= url and displays the json schema that built this page", "render a schema reveal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:url_anatomy", "displayName": "Url Anatomy", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/url_anatomy", "capabilities": [ "apps-script-web" ], "description": "Visually annotates the current renderer URL, highlighting the GAS endpoint, ?p= parameter, and encoded payload", "representativeQueries": [ "show a annotated URL anatomy diagram", "visually annotates the current renderer url, highlighting the gas endpoint, ?p= parameter, and encoded payload", "render a url anatomy" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:schema_qr", "displayName": "Schema Qr", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/schema_qr", "capabilities": [ "apps-script-web" ], "description": "QR code for the current page URL (or a fixed URL) via Google Charts API", "representativeQueries": [ "show a QR code for current or given URL", "qr code for the current page url (or a fixed url) via google charts api", "render a schema qr" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:take_away_card", "displayName": "Take Away Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/take_away_card", "capabilities": [ "apps-script-web" ], "description": "Bold single-insight pull-quote card designed to be screenshotted", "representativeQueries": [ "show a bold screenshot-ready insight card", "bold single-insight pull-quote card designed to be screenshotted", "render a take away card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:next_step_strip", "displayName": "Next Step Strip", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/next_step_strip", "capabilities": [ "apps-script-web" ], "description": "Horizontal strip of numbered next steps with optional links", "representativeQueries": [ "show a horizontal numbered next-steps strip", "horizontal strip of numbered next steps with optional links", "render a next step strip" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:copy_prompt", "displayName": "Copy Prompt", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/copy_prompt", "capabilities": [ "apps-script-web" ], "description": "Monospace copyable text block \u2014 ideal for sharing Gemini prompts or code", "representativeQueries": [ "show a copyable monospace prompt/code block", "monospace copyable text block \u2014 ideal for sharing gemini prompts or code", "render a copy prompt" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:atom_anatomy", "displayName": "Atom Anatomy", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/atom_anatomy", "capabilities": [ "apps-script-web" ], "description": "Side-by-side panel showing a rendered atom alongside its raw JSON schema", "representativeQueries": [ "show a rendered atom + raw schema side-by-side anatomy view", "side-by-side panel showing a rendered atom alongside its raw json schema", "render a atom anatomy" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:renderer_stats", "displayName": "Renderer Stats", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/renderer_stats", "capabilities": [ "apps-script-web" ], "description": "Simple stat grid showing custom key/value pairs \u2014 used to show renderer capabilities", "representativeQueries": [ "show a stat grid for renderer capability metrics", "simple stat grid showing custom key/value pairs \u2014 used to show renderer capabilities", "render a renderer stats" ] }, { "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": [ "apps-script-web" ], "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" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:before_after_stack", "displayName": "Before After Stack", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/before_after_stack", "capabilities": [ "apps-script-web" ], "description": "Animated comparison: old approach items cross out one by one, then new approach slides in", "representativeQueries": [ "show a old-vs-new stack comparison animation", "animated comparison: old approach items cross out one by one, then new approach slides in", "render a before after stack" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:live_vote", "displayName": "Live Vote", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/live_vote", "capabilities": [ "apps-script-web" ], "description": "Live audience voting: buttons to vote, bar chart results, optional Google Sheets backend", "representativeQueries": [ "show a live audience voting with real-time bar chart results", "live audience voting: buttons to vote, bar chart results, optional google sheets backend", "render a live vote" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:reaction_shower", "displayName": "Reaction Shower", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/reaction_shower", "capabilities": [ "apps-script-web" ], "description": "Emoji reaction buttons \u2014 tapping rains the emoji down the screen, with optional Sheet-backed totals", "representativeQueries": [ "show a emoji reaction buttons with raining particles", "emoji reaction buttons \u2014 tapping rains the emoji down the screen, with optional sheet-backed totals", "render a reaction shower" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:raise_hand", "displayName": "Raise Hand", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/raise_hand", "capabilities": [ "apps-script-web" ], "description": "Audience raise-hand button with live count \u2014 optional Google Sheets backend", "representativeQueries": [ "show a raise-hand button with live participant count", "audience raise-hand button with live count \u2014 optional google sheets backend", "render a raise hand" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:surface_map", "displayName": "Surface Map", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/surface_map", "capabilities": [ "apps-script-web" ], "description": "Visual diagram showing the A2UI surfaces \u2014 schema feeds into each render target", "representativeQueries": [ "show a A2UI surface diagram (schema \u2192 surfaces)", "visual diagram showing the a2ui surfaces \u2014 schema feeds into each render target", "render a surface map" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:speed_counter", "displayName": "Speed Counter", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/speed_counter", "capabilities": [ "apps-script-web" ], "description": "Stopwatch that starts ticking on load and freezes when the page finishes loading \u2014 shows real page load time", "representativeQueries": [ "show a live page-load stopwatch", "stopwatch that starts ticking on load and freezes when the page finishes loading \u2014 shows real page load time", "render a speed counter" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:live_edit", "displayName": "Live Edit", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/live_edit", "capabilities": [ "apps-script-web" ], "description": "Embedded mini schema editor with a textarea for typing a single atom JSON block and a live rendered preview below", "representativeQueries": [ "show a embedded live atom JSON editor with preview", "embedded mini schema editor with a textarea for typing a single atom json block and a live rendered preview below", "render a live edit" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:gmail_inbox", "displayName": "Gmail Inbox", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/gmail_inbox", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Horizontal swipeable carousel of Gmail inbox threads. Each card shows a coloured sender avatar, name, subject (bold if unread), snippet and timestamp. Clicking opens the thread in Gmail. On GAS uses GmailApp for live data; on other surfaces renders from items[] array or Gmail REST API.", "representativeQueries": [ "show a swipeable Gmail inbox carousel \u2014 live on GAS, items[] or api connector on web/meet", "horizontal swipeable carousel of gmail inbox threads. each card shows a coloured sender avatar, name, subject (bold if", "render a gmail inbox" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:drive_recent_files", "displayName": "Drive Recent Files", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/drive_recent_files", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Horizontal swipeable carousel of recently modified Drive files. Each card shows a coloured file-type badge (DOC/XLS/PPT/PDF), name, relative modified time, and owner. On GAS searches files modified in last 30 days via DriveApp; on other surfaces renders from items[] array or Drive REST API.", "representativeQueries": [ "show a swipeable Drive files carousel \u2014 live on GAS, items[] or api connector on web/meet", "horizontal swipeable carousel of recently modified drive files. each card shows a coloured file-type badge", "render a drive recent files" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:drive_folder_contents", "displayName": "Drive Folder Contents", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/drive_folder_contents", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Responsive grid of files and subfolders inside a Drive folder. Subfolders appear first, each item shows a coloured file-type badge and name, clicking opens in Drive. On GAS uses DriveApp with folder_id; on other surfaces renders from items[] array or Drive REST API with folder_id + auth_token.", "representativeQueries": [ "show a Drive folder grid \u2014 live on GAS via folder_id, items[] or api connector on web/meet", "responsive grid of files and subfolders inside a drive folder. subfolders appear first, each item shows a coloured", "render a drive folder contents" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:drive_file_card", "displayName": "Drive File Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/drive_file_card", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Single Drive file card \u2014 coloured file-type badge (DOC/XLS/PPT/PDF), file name, optional description, and an \"Open \u2192\" button. Works on any surface using static name/mime/url fields. On GAS, file_id triggers live lookup via DriveApp to populate name and mime automatically.", "representativeQueries": [ "show a single Drive file card \u2014 static on all surfaces; live name/type lookup via file_id on GAS", "single drive file card \u2014 coloured file-type badge (doc/xls/ppt/pdf), file name, optional description, and an \"open \u2192\"", "render a drive file card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:progress_store", "displayName": "Progress Store", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/progress_store", "capabilities": [ "apps-script-web", "meet-stage" ], "description": "Invisible state connector atom \u2014 no visual output. Initialises window._A2UI_STORE and dispatches \"a2ui:store\" CustomEvent. On GAS reads initial state from a Google Sheet at render time and writes back async via google.script.run. On web reads/writes localStorage keyed by course_id. All other LMS atoms read from and write to this shared store. Must appear before any stateful atom on the page.", "representativeQueries": [ "show a invisible LMS state connector \u2014 Sheet on GAS, localStorage on web; exposes window._A2UI_STORE", "invisible state connector atom \u2014 no visual output. initialises window._a2ui_store and dispatches \"a2ui:store\"", "render a progress store" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:module_map", "displayName": "Module Map", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/module_map", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Visual curriculum grid showing all modules in a course. Each card displays module icon, title, description, duration, and a live status badge (locked/Start/Done) driven by progress_store. Locked modules are greyed out. Completed modules turn green. Cards navigate to module url on click.", "representativeQueries": [ "show a course curriculum grid \u2014 module cards with live locked/available/complete status from progress_store", "visual curriculum grid showing all modules in a course. each card displays module icon, title, description, duration,", "render a module map" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:knowledge_check", "displayName": "Knowledge Check", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/knowledge_check", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Lightweight inline comprehension pulse \u2014 a single multiple-choice question with instant feedback and no score impact. Correct answer turns green with explanation; wrong answer turns red with explanation. All options lock after selection. No retry gate \u2014 learner simply continues reading.", "representativeQueries": [ "show a inline comprehension pulse \u2014 single question, instant feedback, no score pressure", "lightweight inline comprehension pulse \u2014 a single multiple-choice question with instant feedback and no score impact", "render a knowledge check" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:quiz_result_summary", "displayName": "Quiz Result Summary", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/quiz_result_summary", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "End-of-quiz result screen showing score percentage, pass/fail badge, time taken, per-question dot breakdown (green tick / red cross), and navigation buttons. Automatically writes the score to progress_store keyed by quiz_id. Pass mark is configurable.", "representativeQueries": [ "show a end-of-quiz result \u2014 score %, pass/fail, question dots, writes to progress_store", "end-of-quiz result screen showing score percentage, pass/fail badge, time taken, per-question dot breakdown (green", "render a quiz result summary" ] }, { "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": [ "apps-script-web", "web", "meet-stage" ], "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 choice reveals a", "render a scenario branch" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:completion_gate", "displayName": "Completion Gate", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/completion_gate", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Renders a locked placeholder card until the specified module id is marked complete in progress_store. Once complete, the gate disappears to reveal content below it. Use to sequence content and prevent skipping.", "representativeQueries": [ "show a content lock \u2014 hides until requires module id is complete in progress_store", "renders a locked placeholder card until the specified module id is marked complete in progress_store. once complete,", "render a completion gate" ] }, { "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": [ "apps-script-web", "web", "meet-stage" ], "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 trophy icon", "render a certification card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:skill_radar", "displayName": "Skill Radar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/skill_radar", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "SVG spider/radar chart plotting learner competency levels across multiple skill dimensions. Optional before values render as a dashed polygon overlay for before/after growth comparison. Values are 0-100 per skill.", "representativeQueries": [ "show a SVG radar/spider chart of skill competency levels \u2014 optional before/after growth overlay", "svg spider/radar chart plotting learner competency levels across multiple skill dimensions. optional before values", "render a skill radar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:badge_showcase", "displayName": "Badge Showcase", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/badge_showcase", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Achievement badge wall \u2014 all course badges displayed in a grid. Earned badges glow with indigo highlight and full colour emoji; locked badges are greyed and dimmed. Each badge checks its required_id against progress_store to determine earned status.", "representativeQueries": [ "show a achievement badge wall \u2014 earned badges glow, locked badges grey; status from progress_store", "achievement badge wall \u2014 all course badges displayed in a grid. earned badges glow with indigo highlight and full", "render a badge showcase" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:learning_path_selector", "displayName": "Learning Path Selector", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/learning_path_selector", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Path chooser presented at course entry. Shows 2-4 role or level path cards (icon, title, description, duration). Learner clicks to select \u2014 selection is stored in progress_store via setPath() and optionally navigates to a path-specific url. Selected path can drive personalised module_map content.", "representativeQueries": [ "show a course entry path chooser \u2014 role/level cards, writes selection to progress_store, optional navigation", "path chooser presented at course entry. shows 2-4 role or level path cards (icon, title, description, duration)", "render a learning path selector" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:video_checkpoint", "displayName": "Video Checkpoint", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/video_checkpoint", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "YouTube video with interactive quiz questions injected at specified timestamps. Video pauses at each checkpoint and the learner must answer before playback resumes. Correct/wrong feedback shown with explanation. Checkpoint state tracked per-session; completed checkpoints are skipped on replay.", "representativeQueries": [ "show a YouTube video with pausing quiz checkpoints \u2014 learner must answer to continue", "youtube video with interactive quiz questions injected at specified timestamps. video pauses at each checkpoint and", "render a video checkpoint" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:cohort_progress_board", "displayName": "Cohort Progress Board", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/cohort_progress_board", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Instructor-facing table showing all enrolled learners with per-module completion ticks and average quiz scores. On GAS reads live from the course progress Sheet via a2uiCohortRead. On web renders from static items[] array. Shows enrolled and active learner counts at top.", "representativeQueries": [ "show a instructor cohort table \u2014 per-learner module completion + scores; live on GAS", "instructor-facing table showing all enrolled learners with per-module completion ticks and average quiz scores. on gas", "render a cohort progress board" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:reflection_prompt", "displayName": "Reflection Prompt", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/reflection_prompt", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Structured free-text reflection textarea with a submit button. Saves the response to progress_store under the key \"reflect:\". On GAS this persists to the learner's progress Sheet. Restores previously saved text on revisit.", "representativeQueries": [ "show a reflection textarea \u2014 saves to progress_store; restores on revisit", "structured free-text reflection textarea with a submit button. saves the response to progress_store under the key", "render a reflection prompt" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:annotation_highlight", "displayName": "Annotation Highlight", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/annotation_highlight", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Rich body text passage with clickable highlighted terms that reveal inline explanations in a panel below. No state required. Ideal for glossary enrichment, technical definitions, or legal clause annotation within learning content.", "representativeQueries": [ "show a annotated body text \u2014 click highlighted terms to reveal inline explanations", "rich body text passage with clickable highlighted terms that reveal inline explanations in a panel below. no state", "render a annotation highlight" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:onboarding_stepper", "displayName": "Onboarding Stepper", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/onboarding_stepper", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Guided step-by-step onboarding flow for first-time learners. Each step has a label, description, optional action URL (navigated to on completion), and a \"Mark complete\" button. Completed steps persist in progress_store and are restored on revisit. Progress count shown at top.", "representativeQueries": [ "show a guided onboarding steps \u2014 completes to progress_store, restores on revisit", "guided step-by-step onboarding flow for first-time learners. each step has a label, description, optional action url", "render a onboarding stepper" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:case_study_card", "displayName": "Case Study Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/case_study_card", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Structured enterprise case study card. Sections for situation narrative, key data points (label/value/note), numbered analysis questions, and an optional model answer reveal. No state required. The model answer is hidden behind a toggle button.", "representativeQueries": [ "show a structured case study \u2014 situation, data points, questions, optional model answer reveal", "structured enterprise case study card. sections for situation narrative, key data points (label/value/note), numbered", "render a case study card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:study_timer", "displayName": "Study Timer", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/study_timer", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Pomodoro-style focus/break countdown timer. Configurable focus and break durations. Animated SVG progress ring. Counts completed sessions. Session-scoped only \u2014 no persistence to progress_store.", "representativeQueries": [ "show a Pomodoro focus/break timer with SVG ring \u2014 session only, no persistence", "pomodoro-style focus/break countdown timer. configurable focus and break durations. animated svg progress ring. counts", "render a study timer" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:rubric_card", "displayName": "Rubric Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/rubric_card", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Assessment rubric table. Rows are assessment criteria, columns are performance levels (e.g. Beginning/Developing/Proficient/Exemplary). Descriptor text in each cell describes that level for that criterion. Static display \u2014 no state required.", "representativeQueries": [ "show a assessment rubric table \u2014 criteria rows \u00d7 performance level columns", "assessment rubric table. rows are assessment criteria, columns are performance levels (e.g", "render a rubric card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:spaced_repetition_card", "displayName": "Spaced Repetition Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/spaced_repetition_card", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Single flashcard with front/back flip animation and a post-flip confidence rating (1-5 with emoji). Writes {rating, next_days, rated_at} to progress_store under \"srs:\". Next-review hint computed via simplified SM-2 (1\u21921d, 2\u21922d, 3\u21924d, 4\u21927d, 5\u219214d).", "representativeQueries": [ "show a flip flashcard with confidence rating 1-5 \u2014 writes SRS interval to progress_store", "single flashcard with front/back flip animation and a post-flip confidence rating (1-5 with emoji). writes {rating,", "render a spaced repetition card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:leaderboard_card", "displayName": "Leaderboard Card", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/leaderboard_card", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Ranked learner leaderboard by score. On GAS reads live from the course progress Sheet via a2uiCohortRead, extracts scores for score_key, and ranks descending. On web renders from static items[]. Top 3 entries get gold/silver/bronze medal indicators. Per-row score bar visualises relative performance.", "representativeQueries": [ "show a ranked score leaderboard \u2014 live on GAS from Sheet, static on web; medal top 3", "ranked learner leaderboard by score. on gas reads live from the course progress sheet via a2uicohortread, extracts", "render a leaderboard card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:nav_bar", "displayName": "Nav Bar", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/nav_bar", "capabilities": [ "apps-script-web", "web", "meet-stage" ], "description": "Horizontal or vertical navigation bar linking to other named A2UI pages. Generates correct ?nav=&from= URLs at runtime using window._A2UI_NAV \u2014 no deployment URL needs to be hard-coded. Optionally sticky below the system nav header. Active page is highlighted automatically by comparing slugs.", "representativeQueries": [ "show a named-page nav bar \u2014 generates ?nav= URLs at runtime from _A2UI_NAV; active page auto-highlighted", "horizontal or vertical navigation bar linking to other named a2ui pages. generates correct", "render a nav bar" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:palette", "displayName": "Palette", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/palette", "capabilities": [ "gas", "web" ], "description": "", "representativeQueries": [ "show a Sets page-level CSS custom properties (accent colours, block gap) for consistent theming across all atoms. Use as the first block in any payload", "render a palette" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:print_button", "displayName": "Print Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/print_button", "capabilities": [ "gas", "web" ], "description": "", "representativeQueries": [ "show a A button that triggers window.print() to print or save the current page as PDF", "render a print button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:drive_image", "displayName": "Drive Image", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/drive_image", "capabilities": [ "gas", "web" ], "description": "", "representativeQueries": [ "show a Embeds a Google Drive image by file ID or share URL, converting it to the correct export URL that works inside GAS iframes", "render a drive image" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:maps_embed", "displayName": "Maps Embed", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/maps_embed", "capabilities": [ "gas", "web" ], "description": "", "representativeQueries": [ "show a Embeds a Google Maps location search in an iframe. Suitable for event location, office address, field ops context", "render a maps embed" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:sheet_form", "displayName": "Sheet Form", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/sheet_form", "capabilities": [ "gas", "web" ], "description": "", "representativeQueries": [ "show a A form that submits data to a named Google Sheet tab via google.script.run. Requires the GAS project to be bound to a Spreadsheet", "render a sheet form" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:reveal", "displayName": "Reveal", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/reveal", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Wraps child blocks with entrance animations triggered on load. animation choices: fade_up, fade_in, slide_left, slide_right, scale_in, stagger", "render a reveal" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:skeleton", "displayName": "Skeleton", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/skeleton", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a CSS shimmer loading placeholder. type choices: text, card, avatar_row, image, list, table", "render a skeleton" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:marquee", "displayName": "Marquee", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/marquee", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Infinite horizontal scrolling ticker. Items can be text strings, logos (image_url), or icon+label chips", "render a marquee" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:pulse_dot", "displayName": "Pulse Dot", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/pulse_dot", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Pulsing status or attention indicator dot. Inline or block display", "render a pulse dot" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:loading_dots", "displayName": "Loading Dots", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/loading_dots", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Three-dot pulsing loader. Use during async content load or as a status indicator", "render a loading dots" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:progress_ring", "displayName": "Progress Ring", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/progress_ring", "capabilities": [ "gas", "web" ], "description": "", "representativeQueries": [ "show a Animated SVG circular progress gauge. Animates from 0 to value on load", "render a progress ring" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:confetti_burst", "displayName": "Confetti Burst", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/confetti_burst", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a JS confetti celebration effect. trigger load fires immediately, trigger button shows a clickable button", "render a confetti burst" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:ripple_button", "displayName": "Ripple Button", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/ripple_button", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a CTA button with a CSS ripple click effect. Optionally links to a URL", "render a ripple button" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:wave_divider", "displayName": "Wave Divider", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/wave_divider", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Animated SVG wave as a decorative section separator", "render a wave divider" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:floating_badge", "displayName": "Floating Badge", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/floating_badge", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a An emoji or icon that bobs up and down continuously. Great for CTAs and achievement moments", "render a floating badge" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:shimmer_text", "displayName": "Shimmer Text", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/shimmer_text", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Headline text with an animated shimmer/gloss sweep across a gradient. Use for hero taglines", "render a shimmer text" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:number_flip", "displayName": "Number Flip", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/number_flip", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Slot-machine style digit reveal. Each digit flips in from above on load", "render a number flip" ] }, { "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": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a A content card where a radial gradient spotlight follows the cursor. Child blocks or content field", "render a spotlight card" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:animated_border", "displayName": "Animated Border", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/animated_border", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Card or section with a rotating conic gradient border. Child blocks or content inside", "render a animated border" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:countdown_ring", "displayName": "Countdown Ring", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/countdown_ring", "capabilities": [ "gas", "web", "meet-stage", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Circular SVG countdown that depletes as seconds tick down", "render a countdown ring" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:google_icon", "displayName": "Google Icon", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/google_icon", "capabilities": [ "gas", "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "", "representativeQueries": [ "show a A single Material Symbol icon from Google Fonts CDN. Browse 2500+ icon names at fonts.google.com/icons", "render a google icon" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:icon_badge", "displayName": "Icon Badge", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/icon_badge", "capabilities": [ "gas", "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Material Symbol icon inside a coloured circular badge. Good for stat rows and feature lists", "render a icon badge" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:icon_row", "displayName": "Icon Row", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/icon_row", "capabilities": [ "gas", "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Horizontal strip of Material Symbol icon + label pairs. Good for feature/capability lists", "render a icon row" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:workspace_logo", "displayName": "Workspace Logo", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/workspace_logo", "capabilities": [ "gas", "web" ], "description": "", "representativeQueries": [ "show a A single Google Workspace product logo from Google's official CDN (fonts.gstatic.com). Falls back to coloured letter badge for unknown apps", "render a workspace logo" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:workspace_logo_strip", "displayName": "Workspace Logo Strip", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/workspace_logo_strip", "capabilities": [ "gas", "web" ], "description": "", "representativeQueries": [ "show a Horizontal strip of Google Workspace product logos. Greyscale by default, restores colour on hover", "render a workspace logo strip" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:workspace_logo_grid", "displayName": "Workspace Logo Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/workspace_logo_grid", "capabilities": [ "gas", "web" ], "description": "", "representativeQueries": [ "show a Grid of Google Workspace product logos with labels. Good for \"Integrations\" or \"Works with\" sections", "render a workspace logo grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:icon_feature_grid", "displayName": "Icon Feature Grid", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/icon_feature_grid", "capabilities": [ "gas", "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Feature grid using Material Symbol icons \u2014 better than emoji for Workspace UI contexts", "render a icon feature grid" ] }, { "identifier": "urn:air:a2uicatalog.ai:atom:icon_checklist", "displayName": "Icon Checklist", "type": "application/vnd.a2ui.atom+json", "url": "https://a2uicatalog.ai/atoms/icon_checklist", "capabilities": [ "gas", "web", "meet-stage", "gas-sidebar", "apps-script-web" ], "description": "", "representativeQueries": [ "show a Checklist where each item has a Material Symbol icon (not just a check mark). Good for capability or requirements lists", "render a icon checklist" ] } ] }