by modelcontextprotocol/ext-apps

[ PORTABLE SKILL ]

add-app-to-server

This skill should be used when the user asks to "add an app to my MCP server", "add UI to my MCP server", "add a view to my MCP tool", "enrich MCP tools with UI", "add interactive UI to existing server", "add MCP Apps to my server", or needs to add interactive UI capabilities to an existing MCP server that already has tools. Provides guidance for analyzing existing tools and adding MCP Apps UI resources.

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 add-app-to-server

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/add-app-to-server/SKILL.md ↗
UPSTREAM SOURCE: modelcontextprotocol/ext-apps
DISTRIBUTED DIGEST: sha256:979d7a5aaa1fc83d056a794e76258af84315e914890a7e1c82e6fc88cb11a361
LOCK HASH: e9441d0b6a4eedf016903b78648e25234d5fd40e191124e1a1d1e56e71e9a4f4

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