Convert Web App
by modelcontextprotocol6d9bdc7babf2No licenseListed Oct 8, 2026Updated Oct 8, 2026
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. Provides guidance for analyzing existing web apps and creating a hybrid web + MCP App with server-side tool and resource registration.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| SKILL.md | 19 KB | text/markdown |
Source and attribution
Source:modelcontextprotocol/ext-appsinplugins/mcp-apps/skills/convert-web-appat commit6d9bdc7
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from modelcontextprotocol/ext-apps
Migrate Oai App
modelcontextprotocol
Guides migration of OpenAI Apps SDK applications to the MCP Apps SDK with API mapping tables and checklists.
Create Mcp App
modelcontextprotocol
Guides building MCP Apps: MCP tools paired with interactive HTML UI resources for MCP-enabled hosts.
Add App To Server
modelcontextprotocol
Guides adding interactive UI resources to existing MCP server tools using the MCP Apps SDK.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Dpop Adoption
Guides implementation of OAuth 2.0 DPoP (RFC 9449) sender-constrained refresh tokens for Google's OAuth platform.
Gemini Live Api
Generates a Gemini Live API WebSocket client class, tests, docs, and a demo UI for bidirectional streaming.
Gemini Api
Guides use of the Gemini API on Google's Agent Platform with the Gen AI SDK across languages and capabilities.