MCP Apps в Claude: панель, встроенные сайты и инструменты

Anthropic 10 ноября расширила в Claude поддержку MCP Apps. Интерфейс, который рисует ваш MCP-сервер, теперь может открываться в боковой панели, встраивать сайт продукта и регистрировать инструменты, через которые Claude сам меняет то, что приложение показывает. Если коннектор публикуется в каталоге, встроенные сайты и точки входа будут работать только с листингом Verified. Пользователи, поставившие его из Community, не получат ни того, ни другого, даже если на тестах через кастомный коннектор всё работало.

Возможности вышли в публичном превью. В анонсе в аккаунте ClaudeDevs оговаривают, что детали реализации могут поменяться, пока Anthropic стандартизирует их вместе с сообществом MCP Apps. С чего начать, расписано в документации Anthropic.

Что проверить до разработки

Инструментам приложения, точкам входа и встроенным сайтам нужен коннектор на удалённом сервере, локальный не подойдёт. Доступна ли организации боковая панель, точки входа или инструменты приложения, Anthropic предлагает выяснить заранее, по шагам на странице каждой возможности. Ограничение Verified касается только коннекторов из каталога: кастомный коннектор, через который идут тесты, его не показывает.

Что умеет приложение

• Боковая панель и полноэкранный режим для случаев, когда приложению тесно в ленте разговора.
• Точки входа: приложение открывают со страницы Artifacts, не обращаясь к Claude, и закрепляют в боковой колонке.
• Инструменты приложения: интерфейс регистрирует их сам, и Claude через них меняет, например, список на экране или выбранные строки.
• Сообщения: приложение пишет Claude, скажем, когда человек нажимает кнопку с просьбой составить план.
• Встроенные сайты: собственный сайт в <iframe> внутри приложения, например редактор или дашборд продукта.
• Загрузки: файл из приложения сохраняется на устройство пользователя.

Устроено это так: хост забирает у сервера UI-ресурс с собранными HTML и JavaScript и показывает его в изолированном фрейме, а обмен сообщениями с хостом идёт через postMessage, объясняют в блоге MCP. Модель при этом видит, что делает пользователь, и отвечает на его действия.

Где тестировать?

Примеры из репозитория MCP Apps (Customer Segmentation с кластеризацией клиентов, 3D-глобус Map на CesiumJS, ShaderToy, Sheet Music с нотной записью ABC) подключаются к Claude Desktop через claude_desktop_config.json и запускаются через npx. Но Claude Desktop крутит их как локальные серверы, так что инструменты приложения, точки входа и встроенные сайты на них не проверить. Для этого свой сервер добавляют в Claude как кастомный коннектор, а если он работает на вашей машине, сначала открывают к нему туннель.

Запись с npx при каждом запуске тянет последнюю опубликованную версию. Если пример остаётся в конфиге дольше одного вечера, версию стоит закрепить, например @modelcontextprotocol/server-map@2.0.1. Перед первым показом Claude спрашивает разрешение: «Allow once» или «Always allow» для сервера, которому вы доверяете. При настройке разрешений Auto в поле ввода приложение появится без вопроса.

Один код для разных хостов

Приложение поставляется вместе с MCP-сервером, поэтому тот же код работает в любом хосте с поддержкой расширения. Среди клиентов, которые уже её выпустили, блог MCP называет ChatGPT, Claude, Goose и Visual Studio Code. На сервере инструменты и ресурсы регистрируют через registerAppTool() и registerAppResource(), и SDK сам генерирует метаданные под каждый хост. В приложении App.connect() вызывают без аргумента транспорта, и SDK определяет хост сам.

Одно поле придётся заполнить руками. Формат Resource._meta.ui.domain, источника, с которого отдаётся изолированное приложение, у каждого хоста свой. Для Claude это первые 32 шестнадцатеричных символа SHA-256 от URL сервера плюс .claudemcpcontent.com. Ошибки «Invalid ui.domain format» и «ui.domain mismatch» указывают именно на это поле.

Тем, кто пишет с ИИ-агентом, Anthropic предлагает навыки MCP Apps. Они работают в любом агенте со стандартом Agent Skills, включая Claude Code, где ставятся отдельным плагином. Дальше агенту достаточно сказать «Create an MCP App» или «Add a UI to my MCP tool».

Приложения на OpenAI Apps SDK переносят по справочнику по миграции или просьбой к агенту с теми же навыками «Migrate from OpenAI Apps SDK». Если инструменты уже объявляют глобальные точки входа под ключом openai/ui, что ещё нужно каждому из них в Claude, расписано в разделе «Mark a tool as a global entry point».