MCP Apps — плагин

Официальный плагин со скиллами для сборки MCP Apps: интерактивных UI поверх инструментов MCP, которые открываются прямо в Claude

3 080 ★ репозитория
Последний коммит 10 нояб. 2026

ПлагинВыбор редакции

modelcontextprotocol/ext-appsАвтор:Model Context Protocol

Установка

Работает в: Claude Code
Cursor
Codex

В терминале, через SkillFoxx CLI

npx skillfoxx add plugins/mcp-apps

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

Скиллы только дают инструкции по сборке интерфейса, сами по себе не выполняют внешних действий

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

MCP Apps это официальное расширение протокола Model Context Protocol, которое позволяет MCP-серверу отдавать вместе с результатом инструмента HTML-интерфейс: график, форму, дашборд. Репозиторий содержит спецификацию, SDK и четыре скилла для агентов: создание нового MCP App с нуля, добавление интерфейса к существующему инструменту MCP-сервера, перенос приложения с OpenAI Apps SDK и превращение обычного веб-приложения в гибридное. Скиллы дают агенту пошаговый алгоритм и ссылки на эталонные шаблоны на React, Vue, Svelte, Preact, Solid и обычном JavaScript.

Для кого. Для разработчиков MCP-серверов, которым нужно добавить инструменту интерактивный интерфейс вместо простого текстового ответа.

Подходит, если

Строите MCP-сервер и хотите показать результат инструмента как график, карту или форму, а не текст
Есть готовое приложение на OpenAI Apps SDK, и его нужно перенести на MCP Apps
Есть обычное веб-приложение, и нужно добавить ему поддержку MCP без переписывания с нуля

Не подходит, если

MCP-серверу достаточно текстовых или табличных ответов без интерфейса
Клиент, в котором будет работать сервер, не поддерживает MCP Apps

Пример запроса к агенту

Добавь моему MCP-серверу интерактивный интерфейс, который показывает результат в виде дашборда

Ограничения

Скиллы дают инструкции и ссылки на шаблоны, но сборка интерфейса требует своей системы сборки (vite-plugin-singlefile для упаковки HTML). Поддержка MCP Apps на стороне клиента зависит от конкретного приложения: Claude, ChatGPT, VS Code, Goose, Postman и другие перечислены в README.

Как отключить. Удалите плагин mcp-apps через /plugin в Claude Code или, при ручной установке, удалите папку скилла из каталога агента.

Частые вопросы

Чем это отличается от обычного MCP-сервера?

Обычный сервер возвращает текст или структурированные данные. MCP Apps добавляет к результату инструмента ссылку на HTML-ресурс, который хост отрисовывает как встроенный интерфейс.

Работает ли только с Claude Code?

Установка скиллов через /plugin описана для Claude Code, но любой агент с поддержкой формата Agent Skills может подключить их вручную по гайду в репозитории.

Обсуждение

Вопросов и отзывов пока нет.

Плагины

mcp-use

Плагин со скиллами для сборки MCP-серверов и MCP-приложений на TypeScript: агент создает, дорабатывает, отлаживает и проверяет их

ПлагинРасширенный доступ10,9 тыс.

MCPify

CLI-компилятор читает код приложения, спецификацию API и схемы баз и генерирует готовый MCP-сервер с проверкой прав инструментов.

CLIРасширенный доступ107

OpenMCP Client

CLI openmcp и расширение VS Code для отладки MCP-серверов: проверка инструментов, промптов и ресурсов, чат с моделью, тесты

CLIРасширенный доступ750

MCP Debug

Официальный

Консольный отладчик MCP-серверов от Giant Swarm: REPL для инструментов, OAuth 2.1 и режим MCP-сервера для Cursor

CLIРасширенный доступ38

Pi MCP Adapter

Расширение для агента Pi, которое подключает MCP-серверы через один прокси-инструмент и не забивает контекст описаниями инструментов

ПлагинРасширенный доступ1,6 тыс.

mcp-chat

Клиент в терминале и браузере открывает чат с моделью Anthropic и любым MCP-сервером, чтобы проверить его инструменты.

CLIРасширенный доступ139

Коротко о README

README официального репозитория modelcontextprotocol/ext-apps описывает MCP Apps как расширение протокола для интерактивных интерфейсов поверх инструментов MCP-сервера. В README перечислены поддерживающие клиенты: Claude, ChatGPT, VS Code, Goose, Postman, MCPJam, mcp-use и Alpic. Быстрее всего начать через один из четырех скиллов, которые устанавливаются как плагин Claude Code или вручную в любой агент с поддержкой Agent Skills. В репозитории также лежат примеры серверов на разных фреймворках и полный текст спецификации.

Бейдж для README

Исходный SKILL.md

---
name: create-mcp-app
description: 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.
---

# Create MCP App

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.

## Core Concept: Tool + Resource

Every MCP App requires two parts linked together:

1. Tool - Called by the LLM/host, returns data
2. Resource - Serves the bundled HTML UI that displays the data

The tool's _meta.ui.resourceUri references the resource's URI.

Host calls tool -> Host renders resource UI -> Server returns result -> UI receives result.

## Quick Start Decision Tree

### Framework Selection

| Framework | SDK Support | Best For |
|-----------|-------------|----------|
| 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 |

Сообщить о проблеме