build-mcp-app
Build an "MCP app", add "interactive UI" or "widgets" to an MCP server
by anthropicsFree
Description
build-mcp-app is an agent skill from Anthropic's official plugins collection, listed on skills.sh. It helps a developer build an MCP app, which is a standard MCP server that also serves UI resources, so that interactive components render inline in the chat. The UI layer is additive: under the hood it still uses tools, resources and the same wire protocol. The skill says that an app built this way runs in Claude, in ChatGPT and in any other host that implements the apps surface. For developers who have not built a plain MCP server before, it points to a separate build-mcp-server skill for that base layer. The skill documents Claude-specific settings in the _meta.ui block, including the resource URI a tool renders, hiding helper tools from Claude's list, dropping the outer card border on mobile, and declaring external origins for the content security policy, which blocks everything by default. It also covers safe-area insets for notches. Directory submission needs OAuth or no authentication, tool annotations and three to five PNG screenshots. It is for developers adding widgets to an MCP server.…
Highlights
- Interactive UI widgets from an MCP server
- Claude-specific _meta.ui settings
- Content security policy with explicit origins
- Checklist for directory submission
Ratings & Reviews
No ratings yet
Be the first to rate build-mcp-app.
People also visit
build-mcp-app FAQ
What is an MCP app?
A standard MCP server that also serves UI resources, so interactive components can render inline in the chat.
How do I install it?
Run: npx skills add https://github.com/anthropics/claude-plugins-official --skill build-mcp-app
How do I test it in Claude?
Add the server as a custom connector in claude.ai. For local development the skill suggests a Cloudflare tunnel, which runs the real iframe sandbox.
What is needed to list it in the directory?
OAuth or no authentication, tool annotations, and three to five PNG screenshots. A static bearer token is for private deployments only.
Has it been checked for security?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
What are the best build-mcp-app alternatives?
Popular alternatives to build-mcp-app include mcporter, model-usage and codehealth-mcp. See all build-mcp-app alternatives