# Build MCP App (agent skill)

> Build MCP App is an agent skill (a SKILL.md file) from anthropics/claude-plugins-official. It 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… It works with Claude Code and has 37,478 GitHub stars across a repository of 7 listed skills.

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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/anthropics/claude-plugins-official |
| Skill path | plugins/mcp-server-dev/skills/build-mcp-app/SKILL.md |
| Skill name | build-mcp-app |
| GitHub stars | 37,478 |
| Installs on skills.sh | not listed |
| License | Apache-2.0 |
| Skills in repo | 7 |
| Plugin marketplace | claude-plugins-official |
| Official | yes |
| Works with | Claude Code |
| Category | Design & frontend |
| Last commit | Oct 5, 2026 |

## When it triggers

- 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" inlin
- Use AFTER the build-mcp-server skill has settled the deployment model, or when the user already knows they want UI widgets.
- "MCP app"
- "interactive UI"
- "widgets"
- "render components in chat"
- "MCP UI resources"
- "form"

## Add this skill

### Claude Code

```sh
/plugin marketplace add anthropics/claude-plugins-official
/plugin install mcp-server-dev@claude-plugins-official
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/anthropics/claude-plugins-official.git
cp -r claude-plugins-official/plugins/mcp-server-dev/skills/build-mcp-app .agents/skills/build-mcp-app   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/anthropics/claude-plugins-official.git
cp -r claude-plugins-official/plugins/mcp-server-dev/skills/build-mcp-app .cursor/skills/build-mcp-app   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/anthropics-build-mcp-app
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.