使用 MCP Apps 构建的 Excalidraw，运行于 Claude
## 目录
- [使用 Agent Skills 构建](#使用-agent-skills-构建)
- [支持的客户端](#支持的客户端)
- [为什么选择 MCP Apps？](#为什么选择-mcp-apps)
- [工作原理](#工作原理)
- [快速开始](#快速开始)
- [使用 SDK](#使用-sdk)
- [示例](#示例)
- [规范](#规范)
- [资源](#资源)
- [贡献](#贡献)
## 使用 Agent Skills 构建
构建 MCP App 最快的方式是让你的 AI 编程代理来完成。本仓库内置了四个 [Agent Skills](https://agentskills.io/) —— 安装一次，然后只需提出要求：
| 技能 | 功能说明 | 试试看 |
| --------------------------------------------------------------------------- | ----------------------------------------------------------- | ------------------------------------- |
| [`create-mcp-app`](./plugins/mcp-apps/skills/create-mcp-app/SKILL.md) | 从零开始搭建一个带有交互式 UI 的新 MCP 应用 | _"创建一个 MCP 应用"_ |
| [`migrate-oai-app`](./plugins/mcp-apps/skills/migrate-oai-app/SKILL.md) | 将现有的 OpenAI 应用转换为使用 MCP 应用 | _"从 OpenAI 应用 SDK 迁移"_ |
| [`add-app-to-server`](./plugins/mcp-apps/skills/add-app-to-server/SKILL.md) | 为现有 MCP 服务器的工具添加交互式 UI | _"为我的 MCP 服务器添加 UI"_ |
| [`convert-web-app`](./plugins/mcp-apps/skills/convert-web-app/SKILL.md) | 将现有 Web 应用转换为混合 Web + MCP 应用 | _"为我的 Web 应用添加 MCP 应用支持"_ |
### Instagram