Create Interactive UIs for Microsoft 365 Copilot agents with MCP Apps
In this series, learn how you can add an interactive UI to your Microsoft 365 Copilot agents created using the Agents Toolkit for VS Code using MCP Apps!
What are MCP Apps? Interactive Widgets in Copilot Chat
MCP Apps let declarative agents render interactive UI widgets inline in Microsoft 365 Copilot chat. Learn how they work & when to use them over adaptive cards.
Add an MCP server with UI widgets to a Microsoft 365 Copilot declarative agent project
Learn how to add an MCP server with interactive React UI widgets to a Microsoft 365 Copilot declarative agent — from setup to testing with the MCP Inspector.
Integrate an MCP Apps server into a Microsoft 365 Copilot declarative agent
Connect an MCP Apps server to a Microsoft 365 Copilot declarative agent with a plugin manifest, actions, & instructions that drive widgets (a multipart series).
Wire an MCP Apps server into the F5 debug experience of the M365 Agents Toolkit
MCP Apps debugging in the Microsoft 365 Agents Toolkit: customize VS Code tasks so F5 builds widgets, starts your MCP server, tunnels it, and launches Copilot.
Each article links out to the full post on the blog — this page just keeps the series together and in order.