This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing web application while keeping it working standalone.
安装
npx skills add modelcontextprotocol/ext-apps --skill convert-web-appnpx skills add modelcontextprotocol/ext-apps --skill convert-web-app -a claude-code -gnpx skills add modelcontextprotocol/ext-apps --skill convert-web-app -a codex -ggemini skills install https://github.com/modelcontextprotocol/ext-apps.git --path plugins/mcp-apps/skills/convert-web-appgh skill install modelcontextprotocol/ext-apps convert-web-appgit clone --depth 1 https://github.com/modelcontextprotocol/ext-apps /tmp/modelcontextprotocol__ext-apps
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/modelcontextprotocol__ext-apps/plugins/mcp-apps/skills/convert-web-app ~/.claude/skills/convert-web-app # Claude Code
cp -R /tmp/modelcontextprotocol__ext-apps/plugins/mcp-apps/skills/convert-web-app ~/.agents/skills/convert-web-app # Codex, Cursor, Gemini CLI, Copilot, OpenCode