Build MCP App

by anthropics

Build MCP App is an AI Engineering skill for Claude Code, published by anthropics in claude-plugins-official.

33.5K stars3.8K forkson anthropics/claude-plugins-officialAdded 2026/08/13Repository updated 2026/08/13

View source on GitHub Download repo ZIP

claude-codemcpskills

Install in seconds

Install Build MCP App

Copy Build MCP App into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/anthropics/claude-plugins-official/tree/main/plugins/mcp-server-dev/skills/build-mcp-app ~/.claude/skills/build-mcp-app

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/anthropics/claude-plugins-official.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: plugins/mcp-server-dev/skills/build-mcp-app/SKILL.md in anthropics/claude-plugins-official
Installs to: ~/.claude/skills/build-mcp-app
Collection: One of 25 skills cataloged from this repository
Category: AI Engineering — 2451 skills

What Build MCP App does

Build MCP App adds interactive UI widgets to an MCP server so tools can render forms, pickers, confirmations, dashboards, and progress indicators inline in chat. Use it after build-mcp-server when you need structured input, visual output, or explicit user confirmation.

Build MCP App is cataloged under AI Engineering on DirSkills. Build MCP App comes from a repository tagged claude-code, mcp and skills.

Documentation

README

Excerpt

Build an MCP App (Interactive UI Widgets)

An MCP app is a standard MCP server that also serves UI resources — interactive components rendered inline in the chat surface. Build once, runs in Claude and ChatGPT and any other host that implements the apps surface.

The UI layer is additive. Under the hood it's still tools, resources, and the same wire protocol. If you haven't built a plain MCP server before, the build-mcp-server skill covers the base layer. This skill adds widgets on top.

Testing in Claude: Add the server as a custom connector in claude.ai (via a Cloudflare tunnel for local dev) — this exercises the real iframe sandbox and hostContext. See https://claude.com/docs/connectors/building/testing.

Claude host specifics

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Build MCP App

What else does anthropics publish alongside Build MCP App?
Build MCP App is one of 25 skills that DirSkills catalogs from anthropics/claude-plugins-official, the repository it ships in. Its siblings there include Agent Development, Build MCP Server and Build MCPB. Each one is a separate skill with its own page in this directory, installs the same way Build MCP App does, and is maintained by anthropics in that same repository. The rest of the collection is listed on the anthropics/claude-plugins-official page.
How does Build MCP App compare to other AI Engineering skills?
Build MCP App ranks #158 by stars among the 2451 AI Engineering skills in this catalog. The most-starred ones next to it are Architecture Decision Records, AI-First Engineering and Agentic OS. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Build MCP App against them. Open each page to compare what they document and how they install.