modelcontextprotocol/ext-apps
5 skills4.4k installs13.4k starsGitHub
Install
npx skills add https://github.com/modelcontextprotocol/ext-appsSkills in this repo
1Create Mcp AppThe create-mcp-app skill This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs. It covers tool - Called by the LLM/host, returns data. Key workflows include resource - Serves the bundled HTML UI that displays the data. Decision Tree Framework Selection | Framework | SDK Support | Best For | |-----------|-------------|----------| | 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 | Project Context Adding to existing MCP server: - Import registerAppTool , registerAppRes Developers invoke create-mcp-app when the task matches the triggers and reference files in SKILL.md for grounded, stepwise execution.1.9kinstalls2Add App To Serveradd-app-to-server is a Model Context Protocol skill from modelcontextprotocol/ext-apps that walks developers through enriching an existing MCP server's tools with interactive inline UIs. The workflow analyzes current tool definitions, then adds MCP Apps UI resources backed by the @modelcontextprotocol/ext-apps SDK so hosts can render HTML views beside tool calls. Developers reach for add-app-to-server when a server already exposes tools but needs dashboards, forms, or visual feedback without rebuilding the server from scratch. The skill targets the common gap between headless MCP tools and host-rendered interactive panels that users can click and read during agent sessions.882installs3Migrate Oai Appmigrate-oai-app is a migration skill from modelcontextprotocol/ext-apps with step-by-step guidance for converting OpenAI Apps SDK apps to the MCP Apps SDK (@modelcontextprotocol/ext-apps). It targets code that relies on window.openai APIs, openai/outputTemplate rendering, and legacy skybridge patterns, providing API mapping tables between the two SDKs. Developers reach for migrate-oai-app when an existing OpenAI conversational UI must run under the standardized MCP interactive UI protocol in clients such as MCP-enabled coding agents. The skill emphasizes dependency updates via package managers and best-practice porting rather than greenfield UI creation.836installs4Convert Web Appconvert-web-app is an agent skill from modelcontextprotocol/ext-apps that guides developers through adding MCP App support to an existing web application while keeping standalone functionality intact. The skill covers analyzing current web app architecture, creating a hybrid web plus MCP App setup, and registering server-side tools and resources for MCP hosts like Claude Desktop. Developers reach for convert-web-app when they want to wrap an existing SPA, iframe embed, or web UI as an MCP App without maintaining separate codebases. Triggers include adding MCP App support, converting iframe embeds, turning SPAs into MCP Apps, and hybrid standalone plus embedded deployment. The workflow produces one codebase that serves both direct browser access and MCP host embedding with proper tool and resource registration.710installs5Mcp Appsmcp-apps is a Claude Code skill in the AI & Agent Building category. Skills for creating MCP Apps with the MCP Apps SDK0installs