• INTERACTIVE
  • STRUCTURED
  • VISUAL
  • HUMAN

How to send rich UI cards with your AI agent

Connect your AI to Google Chat once. After that, your agent handles the layout and delivery of structured messages.

Ask AI about this page

Short answer

Can my AI send formatted cards to Google Chat?

Yes. Your AI uses the webhook to push Cards v2 layouts, which include buttons and data grids, into your Google Chat spaces. You get structured, visual updates instead of plain text.

Where every message lands.

Visual outcomes for your chat

The AI converts your data into specific UI components within Google Chat.

INTERACTIVE

Buttons for actions

The AI builds cards with buttons that let you trigger workflows directly from the chat interface.

STRUCTURED

Data grids and lists

Complex datasets are sent as organized grids, making logs or tables easy to read at a glance.

VISUAL

Rich UI layouts

Instead of walls of text, your agent sends Cards v2 layouts that use headers and sections to organize info.

HUMAN

Manual review needed

The AI prepares the card, but you decide when to hit send or how to react to the data presented.

The workflow

What your AI does when a message arrives.

The AI handles the heavy lifting of formatting and transmission.

  1. Format the layout

    Your agent takes raw data and maps it into a Cards v2 structure with sections and widgets.

    send_google_chat_message

  2. Add interactivity

    The AI inserts buttons or input fields into the card so you can interact with the message.

    send_google_chat_message

  3. Organize data

    It converts lists or rows into clean data grids for better readability in the chat window.

    send_google_chat_message

  4. Push to webhook

    The final formatted card is sent to the specific Google Chat space via the webhook URL.

    send_google_chat_message

Try it

Copy these to start.

Use these prompts to trigger your first rich card.

Starting points

Swap the bracketed text for your actual channel names or specific data types.

Google Chat Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_rkjCywuuOqoaa6Dp4itqHVZkakIIe5z5rpByn7Bc/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Google Chat capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "google-chat-webhook-notifier-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_rkjCywuuOqoaa6Dp4itqHVZkakIIe5z5rpByn7Bc/mcp"
    }
  }
}
Copy into chat04

  • Send a card to the #ops-alerts channel with a button to acknowledge the error.

  • Create a data grid in the #sales-leads space showing the last five entries from my spreadsheet.

  • Push a formatted card to #dev-logs containing a summary of the latest build status.

  • Send a card with a button to the #project-updates channel to request approval for the new design.

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Start here

Connect Google Chat Webhook Notifier once, then ask.

One connection links your AI to the webhook. Your credentials stay encrypted, and you can start sending cards immediately.

Connect Google Chat Webhook Notifier to your AI

FAQ

How the card delivery works

  • 01

    Can the AI create new Google Chat spaces?

    No. The AI can only send messages to spaces where you have already provided a webhook URL.

  • 02

    Does the AI decide which channel to use?

    No. You must specify the target channel or webhook in your prompt so the AI knows where to send the card.

  • 03

    Can the AI delete messages it sent?

    No. The tool only supports sending new messages and cards via the webhook.

  • 04

    What kind of cards can be sent?

    The AI can send Cards v2 layouts, which include buttons, text, and data grids.

  • 05

    Will the AI send messages without my permission?

    No. The AI only sends a message when you explicitly ask it to perform the action in your chat client.

  • More questions about Google Chat Webhook Notifier? The Connector page answers them. See everything the Google Chat Webhook Notifier Connector can do

Connect Google Chat to Claude, Cursor, ChatGPT & more