The Copilot UI Widget Developer skill accelerates the creation of rich, interactive user interfaces within Microsoft 365 Copilot Chat and ChatGPT. It guides developers through implementing Model Context Protocol (MCP) servers that return structuredContent for dynamic UI components built with React and Fluent UI. The skill automates complex workflows including devtunnel configuration for local development, background process management, manifest updates (mcpPlugin.json), MCP inspector verification, and agent provisioning via the Microsoft 365 Agents Toolkit.
主な機能
01Scaffolds interactive React and Fluent UI widgets tailored for Copilot Chat
02Automates manifest updates and agent provisioning via M365 Agents Toolkit CLI
03Supports both OpenAI Apps SDK and MCP Apps Extension protocols
04Implements MCP tools returning structuredContent for adaptive widget rendering
051,041 GitHub stars
06Configures automated local devtunnels and background server execution
ユースケース
01Building interactive M365 Copilot declarative agent extensions with rich custom cards and dashboards
02Adapting existing backend MCP servers to support visual widget rendering in Microsoft 365 Copilot Chat
03Creating cross-platform conversational UI components compatible with ChatGPT and Microsoft 365