Use Adaptive Cards to show data in API plugins for declarative agents
Learn how to enhance the user experience of declarative agents by using Adaptive Cards to render API data visually. Create and configure Adaptive Card templates, integrate them into API plugins, and test the setup in Microsoft 365 Copilot. Learn the practical steps for building and previewing Adaptive Cards in Visual Studio Code.
Learning objectives
By the end of this module, you're able to:
- Create an Adaptive Card template that shows the data from the API.
- Verify that the Adaptive Card template correctly renders API data.
- Configure the API plugin to render the data using the Adaptive Card template.
- Upload your declarative agent to Microsoft 365 Copilot and validate the results.
Add
Prerequisites
- Knowledge of how to build a Microsoft 365 Copilot action for declarative agent with an API plugin
- Knowledge of building Adaptive Cards at the beginner level
- Microsoft 365 tenant with Microsoft 365 Copilot
- Visual Studio Code with the Teams Toolkit and Adaptive Card Previewer extensions installed
- Azure Functions Tools
- Node.js v18