build-mcp-app SKILL.md skillB

build-mcp-app from anthropics/claude-plugins-official is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add anthropics/claude-plugins-official/build-mcp-app@v0.1.0

Pins v0.1.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
anthropics/claude-plugins-official
Path
plugins/mcp-server-dev/skills/build-mcp-app/SKILL.md
Versions recorded
3
Latest version
v0.1.0, committed Apr 28, 2026
First version recorded
Mar 20, 2026
Size
19,391 bytes
Repository stars
43,118
License
Apache-2.0

This skill should be used when the user wants to build an "MCP app", add "interactive UI" or "widgets" to an MCP server, "render components in chat", build "MCP UI resources", make a tool that shows a "form", "picker", "dashboard" or "confirmation dialog" inline in the conversation, or mentions "apps SDK" in the context of MCP. Use AFTER the build-mcp-server skill has settled the deployment model, or when the user already knows they want UI widgets.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 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

| `_meta.ui.*` key | Where | Effect |
|---|---|---|
| `resourceUri` | tool | Which `ui://` resource the host renders for this tool's results. |
| `visibility: ["app"]` | tool | Hide a widget-only helper tool (e.g. geometry/image fetcher called via `callServerTool`) from Claude's tool list. |
| `prefersBorder: false` | resource | Drop the host's outer card border (mobile). |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add anthropics/claude-plugins-official/build-mcp-app@sha256:d2fd94f009650646

The line at the top of this page pins the label v0.1.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_gppv4i4wnslau4uh.svg)](https://markdownregistry.com/a/art_gppv4i4wnslau4uh)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, between Mar 20, 2026 and Apr 28, 2026, about one every 19 days.

versioncommittedcommitsizeaudit
v0.1.0 latest2026-04-28 f4b5494 19,391 BB view · diff
v0.1.02026-04-17 b00abee 17,329 BB view · diff
v0.1.02026-03-20 90accf6 16,447 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (19391 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

anthropics/claude-plugins-official · 43,118 stars · license Apache-2.0 · pushed 2026-10-19 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_gppv4i4wnslau4uh
GET https://markdownregistry.com/api/v1/resolve?ref=anthropics/claude-plugins-official/build-mcp-app
GET https://markdownregistry.com/api/v1/blob/d2fd94f0096506469ec855c581e48293d35480e58e6405b2bfcdba0486a0c218

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from anthropics/claude-plugins-official

access SKILL.md skill
anthropics/claude-plugins-official · external_plugins/discord/skills/access/SKILL.md · Manage Discord channel access — approve pairings, edit allowlists, set DM/group policy. Use when the user asks to pair…
git:20260318.4796148 · audit A · 43,118 stars
configure SKILL.md skill
anthropics/claude-plugins-official · external_plugins/discord/skills/configure/SKILL.md · Set up the Discord channel — save the bot token and review access policy. Use when the user pastes a Discord bot token…
git:20260320.8140fba · audit B · 43,118 stars
access SKILL.md skill
anthropics/claude-plugins-official · external_plugins/imessage/skills/access/SKILL.md · Manage iMessage channel access — approve pairings, edit allowlists, set DM/group policy. Use when the user asks to…
git:20260318.1c95fc6 · audit A · 43,118 stars
configure SKILL.md skill
anthropics/claude-plugins-official · external_plugins/imessage/skills/configure/SKILL.md · Check iMessage channel setup and review access policy. Use when the user asks to configure iMessage, asks "how do I set…
git:20260318.1c95fc6 · audit A · 43,118 stars
access SKILL.md skill
anthropics/claude-plugins-official · external_plugins/telegram/skills/access/SKILL.md · Manage Telegram channel access — approve pairings, edit allowlists, set DM/group policy. Use when the user asks to…
git:20260813.1e96c6b · audit A · 43,118 stars
configure SKILL.md skill
anthropics/claude-plugins-official · external_plugins/telegram/skills/configure/SKILL.md · Set up the Telegram channel — save the bot token and review access policy. Use when the user pastes a Telegram bot…
git:20260813.1e96c6b · audit B · 43,118 stars
claude-automation-recommender SKILL.md skill
anthropics/claude-plugins-official · plugins/claude-code-setup/skills/claude-automation-recommender/SKILL.md · Analyze a codebase and recommend Claude Code automations (hooks, subagents, skills, plugins, MCP servers). Use when…
git:20260528.fc49e68 · audit A · 43,118 stars
claude-md-improver SKILL.md skill
anthropics/claude-plugins-official · plugins/claude-md-management/skills/claude-md-improver/SKILL.md · Audit and improve CLAUDE.md files in repositories. Use when user asks to check, audit, update, improve, or fix…
git:20260116.a86e346 · audit A · 43,118 stars
claude-security SKILL.md skill
anthropics/claude-plugins-official · plugins/claude-security/skills/claude-security/SKILL.md · Claude Security: scan the codebase (the whole repository or a scoped part of it), scan changes (this branch's or a pull…
git:20260925.ca08d5e · audit A · 43,118 stars
cardputer-buddy SKILL.md skill
anthropics/claude-plugins-official · plugins/cwc-makers/skills/cardputer-buddy/SKILL.md · Iterate on the Cardputer-Adv MicroPython app bundle (Claude Buddy, Snake, Hello) after the device is already…
git:20260506.574a879 · audit A · 43,118 stars
m5-onboard SKILL.md skill
anthropics/claude-plugins-official · plugins/cwc-makers/skills/m5-onboard/SKILL.md · End-to-end onboarding for a freshly-plugged-in M5Stack ESP32 device (Cardputer, Cardputer-Adv, Core, CoreS3, Stick) —…
git:20260506.06f52cd · audit A · 43,118 stars
example-command SKILL.md skill
anthropics/claude-plugins-official · plugins/example-plugin/skills/example-command/SKILL.md · An example user-invoked skill that demonstrates frontmatter options and the skills/<name>/SKILL.md layout
git:20260317.6b70f99 · audit A · 43,118 stars

Every file in anthropics/claude-plugins-official

Other files named build-mcp-app

build-mcp-app SKILL.md skill
nota-america/forgecat-agent-profiles · profiles/anthropics/claude-plugins-official/anthropics_claude-plugins-official_mcp-server-dev/for-codex/.agents/skills/build-mcp-app/SKILL.md · This skill should be used when the user wants to build an "MCP
v0.1.0 · audit B · 92 stars
build-mcp-app SKILL.md skill
nota-america/forgecat-agent-profiles · profiles/anthropics/claude-plugins-official/anthropics_claude-plugins-official_mcp-server-dev/for-cursor/.cursor/skills/build-mcp-app/SKILL.md · This skill should be used when the user wants to build an "MCP
v0.1.0 · audit B · 92 stars
build-mcp-app SKILL.md skill
nota-america/forgecat-agent-profiles · profiles/anthropics/claude-plugins-official/anthropics_claude-plugins-official_mcp-server-dev/for-claude/.claude/skills/build-mcp-app/SKILL.md · This skill should be used when the user wants to build an "MCP
v0.1.0 · audit B · 92 stars
build-mcp-app SKILL.md skill
nota-america/forgecat-agent-profiles · profiles/anthropics/claude-plugins-official/anthropics_claude-plugins-official_mcp-server-dev/for-forgecat/skills/build-mcp-app/SKILL.md · This skill should be used when the user wants to build an "MCP app", add "interactive UI" or "widgets" to an MCP…
v0.1.0 · audit B · 92 stars

Browse by kind, by grade B, or by owner.