ui-widget-developer
Build MCP servers for Copilot Chat using the OpenAI Apps SDK or MCP Apps SDK widget rendering support (any language). Use this skill when: - Creating MCP servers that integrate with M365 Copilot declarative agents - Building rich interactive widgets (React + Fluent UI) that render in Copilot Chat - Implementing tools that return structuredContent for widget rendering - Adapting an existing MCP server to support Copilot widget rendering - Setting up devtunnels for localhost MCP server exposure - Configuring mcpPlugin.json manifests with RemoteMCPServer runtime Do NOT use this skill for general agent development (scaffolding, manifests, deployment) — use declarative-agent-developer instead. This skill is ONLY for MCP server + widget development. Triggers: "MCP server for Copilot", "OpenAI Apps SDK", "Copilot widget", "structuredContent", "MCP plugin", "devtunnels MCP", "OAI app", "widget rendering", "UI widget"
Target: Software development & testing. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- Copilot MCP Server Development
- Telemetry Tagging
- 🔀 PATH SELECTION
- MCP Apps: Install ext-apps Plugin
- 📛 PROJECT DETECTION 📛
- Scenario Routing
- 🚨 CRITICAL EXECUTION RULES 🚨
- ⚠️ MCP TOOL CONFIGURATION RULE ⚠️
Before running any atk CLI commands, set the session environment variable so all CLI invocations are tagged as skill-initiated: Run this once at the start of the session. All subsequent atk commands in the same terminal will inherit it. Before proceeding, ask the user which path they want to take using AskUserQuestion. Both are supported for M365 Copilot widget rendering. Present the tradeoffs and let them choose: | | OAI Apps (this skill) | MCP Apps Extension (modelcontextprotocol/ext-apps) | |---|---|---| | Standard | OpenAI-specific | Official MCP standard | | Works in | ChatGPT + M365 Copilot | M365 Copilot, ChatGPT, VSCode, and more | | Maturity | Battle-tested, production-ready | New official standard, growing ecosystem | | Design | OpenAI Apps SDK | MCP Apps protocol (cross-platform) | | When to choose | Existing OAI app investment | Prefer the open standard, want broadest client support | Ask: "Would you like to build an OAI app (OpenAI Apps SDK — battle-tested, works in ChatGPT and M365 Copilot) or an MCP app (new official standard — works in M365 Copilot, ChatGPT, VSCode, and more)?" OAI apps → Continue below. This skill covers everything you need. MCP apps → Install the
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- microsoft/skills
- Source file
- .github/plugins/microsoft-365-agents-toolkit/skills/ui-widget-developer/SKILL.md
- Fixed revision
- 9287b443662d2433c85621c7325ee72a0ce499b5
Requirements
- Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.
A small first task
先阅读原作者说明，再决定是否在自己的 AI 工具中使用。
Instructions for your AI tool
- Claude Desktop: resource-specific guide not available yet
- Claude Code: resource-specific guide not available yet
- Cursor: resource-specific guide not available yet
- Codex: resource-specific guide not available yet
Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: Microsoft Skills · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-10T19:02:08.029Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.