by modelcontextprotocol/ext-apps

[ PORTABLE SKILL ]

convert-web-app

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.

PART OF

MCP →

Install the complete plugin to include its agents, hooks, commands, and runtime context.

Claude pluginCodex pluginGrok BuildOpenCode + portable skills

PUBLISHER: modelcontextprotocol
RELATIONSHIP: vendored
VERSION: 1.0.0
BENCHMARK: unknown

[ INSTALL ]

Install convert-web-app

Fastest path: hand this line to the coding agent doing the setup. It reads this page and installs the MCP plugin, which ships this skill with everything it relies on.

PROMPTPASTE INTO YOUR AGENT

Click anywhere on the prompt to copy.

[ MANUAL SETUP ]

Choose a runtime, then follow its setup steps. This installs the complete MCP plugin.

COMPLETE PLUGIN

View an example

Example installation for MCP

Example session using the verified commands above.

CLAUDE CODE

EXAMPLE SESSION~/dev/project

/plugin install mcp-dev@b-open-io

Plugin(MCP)Installed MCP for Claude Code

Claude Code is ready to use.

[ ADVANCED ] INSTALL ONLY THIS SKILL

The portable SKILL.md on its own, without the plugin’s hooks, agents, commands, and companion skills. Use it only when you intentionally want the narrower path.

Skills CLI

Grok Bot

[ PROVENANCE ]

Trace it to the source.

DISTRIBUTED SOURCE: modules/mcp-dev/.agents/skills/convert-web-app/SKILL.md ↗
UPSTREAM SOURCE: modelcontextprotocol/ext-apps
DISTRIBUTED DIGEST: sha256:f0d3a02fd4eba8df7558ff54c3ffcf51609d5b3452bc2226d4ef90e3936a4dcb
LOCK HASH: 9e2171bff4ea0d0cf82c8cae3ec6c600c8f3ebd41de73cc8a778ef2cd694ade0

Companion skills

No required companion skills are declared.

Agents using this skill

Orbit

MCP specialist. Use this agent when the user asks to "set up an MCP server", "build an MCP App", "connect Claude Code to my database via MCP", "fix this MCP connection error", or "publish my MCP server to npm". Covers MCP Apps, JSON Render, PostgreSQL/Redis/MongoDB/GitHub/Vercel servers, and the Tool Search Tool. Not for general third-party API integrations (use integration-expert) or agent tool-calling logic (use agent-builder).

[ SOCIAL SHARE ]

Share this skill.

Pass the canonical page to a teammate or keep it close for later.

SHARE TO X LINKEDIN