plugin

mcp-apps — Claude Code plugin: skills for building MCP Apps

Q: How do I install mcp-apps in Claude Code?

Through the marketplace: run `/plugin marketplace add modelcontextprotocol/ext-apps`, then `/plugin install mcp-apps@modelcontextprotocol-ext-apps`.

A set of skills that help you scaffold an MCP App or add a UI to an existing MCP tool from inside Claude.

Install into Claude Code · Plugin marketplace All methods and platforms ↓

/plugin install mcp-apps@claude-plugins-official
/plugin marketplace add anthropics/claude-plugins-community
/plugin install mcp-apps@claude-community
/plugin install mcp-apps-plugin@claude-community
/plugin marketplace add anthropics/claude-plugins-official

Open on GitHub

What mcp-apps does

The plugin ships skills for working with the MCP Apps SDK. One path is starting from scratch: you ask for an MCP App and the agent lays out the scaffold. Another is adding a UI to a tool you already have, so it gets an interactive view.

A separate skill handles migration from the OpenAI Apps SDK. It ports code that relies on window.openai over to MCP, which matters if the app already exists and you want to keep the same behaviour.

You trigger the skills with plain chat requests, not slash commands. The plugin targets Claude specifically, so it won't do anything in other editors.

What it helps with

scaffold an MCP App from a description
add a UI to an existing MCP tool
build an interactive MCP view
migrate an OpenAI Apps SDK app to MCP
port code away from window.openai

Example prompts for the agent

Create an MCP App for my server
Add a UI to the MCP tool search
Migrate from OpenAI Apps SDK to MCP

How to install mcp-apps

Plugin marketplace

/plugin install mcp-apps@claude-plugins-official

/plugin marketplace add anthropics/claude-plugins-community

/plugin install mcp-apps@claude-community

/plugin install mcp-apps-plugin@claude-community

/plugin marketplace add anthropics/claude-plugins-official

Step by step, with commands for each platform: Claude Code plugins: marketplaces, installing, and building your own

From the same set5

create-mcp-app Walks the agent through building an MCP App: an MCP tool paired with an HTML resource whose UI the host renders next to the tool result. CX Codex +1 2,700installs add-app-to-server A skill that gives the tools of a running MCP server an interactive HTML view. Useful when a tool returns a table, a chart or a PDF that reads badly as plain text. CX Codex +1 1,200installs migrate-oai-app Guides developers migrating interactive widgets from OpenAI Apps SDK to MCP Apps SDK. Rewrites synchronous OpenAI calls into asynchronous MCP event handlers. CX Codex +1 1,100installs convert-web-app Guides the conversion of an existing web app into an MCP App while retaining standalone browser use. It fits SPAs and pages with an existing UI. CX Codex +1 966installs

Nearby in Agent setup: memory, context, orchestration

All plugins for Agent setup: memory, context, orchestration →

Questions about mcp-apps

How do I install mcp-apps in Claude Code?

Through the marketplace: run /plugin marketplace add modelcontextprotocol/ext-apps, then /plugin install mcp-apps@modelcontextprotocol-ext-apps.

What does mcp-apps do?

It adds skills to Claude for building MCP Apps with the MCP Apps SDK. The agent can scaffold an app, attach a UI to a tool, or migrate code from the OpenAI Apps SDK.

How do I invoke the plugin's skills?

No slash command is needed. Ask Claude to create an MCP App, add a UI to a tool, or run the OpenAI migration.