·create mcp app
</>

create mcp app

modelcontextprotocol/ext-apps

This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs.

389Installs·17Trend·@modelcontextprotocol

Installation

$npx skills add https://github.com/modelcontextprotocol/ext-apps --skill create mcp app

SKILL.md

Build interactive UIs that run inside MCP-enabled hosts like Claude Desktop. An MCP App combines an MCP tool with an HTML resource to display rich, interactive content.

| React | useApp hook provided | Teams familiar with React | | Vanilla JS | Manual lifecycle | Simple apps, no build complexity | | Vue/Svelte/Preact/Solid | Manual lifecycle | Framework preference |

Clone the SDK repository for working examples and API documentation:

This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs. Source: modelcontextprotocol/ext-apps.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/modelcontextprotocol/ext-apps --skill create mcp app
Category
</>Dev Tools
Verified
First Seen
2026-02-13
Updated
2026-02-18

Quick answers

What is create mcp app?

This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs. Source: modelcontextprotocol/ext-apps.

How do I install create mcp app?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/modelcontextprotocol/ext-apps --skill create mcp app Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/modelcontextprotocol/ext-apps

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-13