> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cognigy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Copilot: Adaptive Card Tile

<a href="/release-notes/4.79"><Badge className="version-badge" color="blue">Updated in 4.79</Badge></a>

<Frame>
  <img class="image-center" src="https://mintcdn.com/cognigy-15abf2ba/zkuN4mfSk9TWL7kq/_assets/ai/develop/node-reference/agent-copilot/set-adaptive-card-tile.png?fit=max&auto=format&n=zkuN4mfSk9TWL7kq&q=85&s=c1bebd469f23386b7454f0cf755fd480" alt="Copilot Adaptive Card Tile Node configuration panel" style={{ width: 'auto' }} width="466" height="126" data-path="_assets/ai/develop/node-reference/agent-copilot/set-adaptive-card-tile.png" />
</Frame>

## Description

This Node allows you to create and display adaptive cards in your Agent Copilot workspace. Adaptive cards can display rich content and interactive elements, such as images, text, buttons, and forms.

The [Adaptive Card Designer](https://adaptivecards.io/designer) can help you to define an Adaptive Card. Copy the JSON card payload and paste it into the form. Alternatively, you can use Generative AI to create a new adaptive card or improve an existing one.

## Parameters

| Parameter            | Type          | Description                                                                                        |
| -------------------- | ------------- | -------------------------------------------------------------------------------------------------- |
| Tile ID              | CognigyScript | The ID that you created in the Agent Copilot configuration.                                        |
| Generate Node Output | Text          | A prompt or instruction for generating the adaptive card. To apply the prompt, click **Generate**. |
| Adaptive Card JSON   | JSON          | The JSON payload to render inside the tile. Supported schema version: `1.5` or earlier.            |

<Accordion title="Create an Adaptive Card with Generative AI">
  Before creating an Adaptive Card with Generative AI, ensure that you are connected to one of the [LLM Providers](/ai/agents/develop/gen-ai-and-llms/generative-ai#prerequisites).

  To use this feature, follow these steps:

  1. In the **Generate Node Output** section, instruct the Generative AI model how to improve the current adaptive card. For example, `Create a form with a customer name field and a date input field`.
  2. Click **Generate**. The adaptive card will be generated.
  3. Iteratively improve the resulting adaptive card by giving further instructions in the **Generate Node Output** section. For example, `Add a flight number field`.
  4. Click **Generate**. The existing adaptive card will be updated.

  To navigate between your inputs, use <img src="https://mintcdn.com/cognigy-15abf2ba/Aanuo4ANeXDMmSVF/_assets/icons/black-and-white/back-arrow.svg?fit=max&auto=format&n=Aanuo4ANeXDMmSVF&q=85&s=23bde14420bc3ea1d4d04dfcfbd2200b" alt="back arrow" width="20" height="20" data-path="_assets/icons/black-and-white/back-arrow.svg" /> and <img src="https://mintcdn.com/cognigy-15abf2ba/I0ba9I1paCAUpGLP/_assets/icons/black-and-white/next-arrow.svg?fit=max&auto=format&n=I0ba9I1paCAUpGLP&q=85&s=7db944564b210419e5294b234ff1f1d9" alt="next-arrow" width="20" height="20" data-path="_assets/icons/black-and-white/next-arrow.svg" />.

  <Frame>
    <img class="image-center" src="https://mintcdn.com/cognigy-15abf2ba/zkuN4mfSk9TWL7kq/_assets/ai/develop/node-reference/agent-copilot/adaptive-card-generative-ai.png?fit=max&auto=format&n=zkuN4mfSk9TWL7kq&q=85&s=143c7903e0fa4395c53e75c9436d54ad" alt="Adaptive Card Tile editor with Generative AI prompt" style={{ width: 'auto' }} width="339" height="567" data-path="_assets/ai/develop/node-reference/agent-copilot/adaptive-card-generative-ai.png" />
  </Frame>
</Accordion>

## More Information

* [Copilot: HTML Tile](/ai/agents/develop/node-reference/agent-copilot/set-html-tile)
* [Copilot: IFrame tile](/ai/agents/develop/node-reference/agent-copilot/set-iframe-tile)
* [Copilot: Set Grid](/ai/agents/develop/node-reference/agent-copilot/set-grid)
* [Agent Copilot Nodes](/ai/agents/develop/node-reference/agent-copilot/overview)
* [Agent Copilot](/agent-copilot/overview)