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 an MCP server return a UI widget Copilot renders inline in a sandboxed iframe. Learn how they work and where adaptive cards run out of road.
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
Wire an MCP Apps server into a declarative agent: a RemoteMCPServer plugin manifest, static tool declarations, and instructions that drive each widget.
Wire an MCP Apps server into the F5 debug experience of the M365 Agents Toolkit
Make F5 launch your whole MCP Apps agent: a dev tunnel on port 3001, MCP_SERVER_URL substitution, a deploy phase, and the task order that makes it work.
Each article links out to the full post on the blog — this page just keeps the series together and in order.