create mcp app
✓當使用者要求“建立 MCP 應用程式”、“向 MCP 工具添加 UI”、“建立互動式 MCP 視圖”、“建立 MCP 應用程式支架”，或需要有關 MCP 應用程式 SDK 模式、UI 資源註冊、MCP 應用程式生命週期或主機整合的指導時，應使用此技能。提供有關建立具有互動式 UI 的 MCP 應用程式的全面指南。
SKILL.md
Build interactive UIs that run inside MCP-enabled hosts like Claude Desktop. An MCP App combines an MCP tool with an HTML resource to display rich, interactive content.
| React | useApp hook provided | Teams familiar with React | | Vanilla JS | Manual lifecycle | Simple apps, no build complexity | | Vue/Svelte/Preact/Solid | Manual lifecycle | Framework preference |
Clone the SDK repository for working examples and API documentation:
當使用者要求“建立 MCP 應用程式”、“向 MCP 工具添加 UI”、“建立互動式 MCP 視圖”、“建立 MCP 應用程式支架”，或需要有關 MCP 應用程式 SDK 模式、UI 資源註冊、MCP 應用程式生命週期或主機整合的指導時，應使用此技能。提供有關建立具有互動式 UI 的 MCP 應用程式的全面指南。 來源：modelcontextprotocol/ext-apps。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/modelcontextprotocol/ext-apps --skill create mcp app- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-13
- 更新時間
- 2026-02-18
快速解答
什麼是 create mcp app？
當使用者要求“建立 MCP 應用程式”、“向 MCP 工具添加 UI”、“建立互動式 MCP 視圖”、“建立 MCP 應用程式支架”，或需要有關 MCP 應用程式 SDK 模式、UI 資源註冊、MCP 應用程式生命週期或主機整合的指導時，應使用此技能。提供有關建立具有互動式 UI 的 MCP 應用程式的全面指南。 來源：modelcontextprotocol/ext-apps。
如何安裝 create mcp app？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/modelcontextprotocol/ext-apps --skill create mcp app 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/modelcontextprotocol/ext-apps