MCP-UI-это новый проект с открытым исходным кодом, который предоставляет способ добавить веб-компоненты пользовательского интерфейса к агентам искусственного интеллекта. Он основан на уже очень популярном протоколе контекста модели (MCP), который стандартизирует доступ API для агентов.
MCP-UI может стать массовой сделкой для интернет-индустрии. Чтобы использовать профессиональную спортивную терминологию, MCP-UI имеет очень высокий потолок, потому что он может даже заменить потребность в веб-сайтах-по крайней мере для определенных категорий онлайн-компаний. Это, безусловно, технология, которую веб -разработчики и веб -дизайнеры должны понимать и оценивать сейчас.
Чтобы узнать больше подробностей о MCP-UI и о том, как начать с него, я поговорил с двумя создателями, Идо Саломоном и Лиадом Йосефом. Пара недавно присоединилась к корпоративной ИТ -компании в понедельник. Ранее Саломон был старшим инженером в Palo Alto Networks, а Йосеф-старший инженер в Shopify (где MCP-UI уже развернута).
Примечание. Эта статья будет сосредоточена исключительно на проекте с открытым исходным кодом для MCP-UI, так как Monday.com не готов обсудить, что они могут сделать с этой технологией в будущем. Тем не менее, вскоре будет продолжительный пост, в котором я беру интервью у двух инженеров Shopify о том, как он внедрил MCP-UI-Yosef также внесет в себя некоторый вклад.
Shopify MCP-UI Пример.
Зачем нужен MCP-UI?
MCP-UI был запущен 16 мая 2025 года-всего несколько месяцев назад-когда Саломон выпустил V1.0.1 на свой счет GitHub. Я спросил, что это за вдохновение для проекта.
Во-первых, Саломон ответил, что большинство агентских взаимодействий в то время были текстовыми. Затем он объяснил два конкретных мотивации для построения MCP-UI.
«Итак, первая мотивация была, нам нужно что -то другое — какое -то взаимодействие пользовательского интерфейса [in agents] Более того, что мы знаем сегодня из веб -приложений, это сделает его более доступным для людей ».
Второй фактор заключался в том, чтобы позволить онлайн -компаниям поддерживать свой бренд и пользовательский опыт — их личность — в том, что Саломон назвал «этот новый мир агента».
«Таким образом, MCP-UI-это своего рода способ справиться с обоими»,-добавил он. «Это и способ добавить богатые взаимодействия пользователей в этот агент [also] Позвольте серверам или приложениям действительно поддерживать свою собственную личность в этом новом мире ».
MCP-UI позволяет «способ добавить богатые взаимодействия с пользователями в [an] агент поток и позволяет серверам или приложениям действительно поддерживать свою собственную идентичность в этом новом мире ».
-Идо Саломон, соавтор MCP-UI
Йосеф отметил, что они начали видеть, как такие агенты, как Chatgpt и Claude, генерируют некоторые из своих собственных пользовательского интерфейса — например, изображения отелей в Chatgpt, если вы ищете жилье — но это не было достаточно обширным. Были аспекты визуального пользовательского интерфейса.
«У вас очень сложные взаимодействия с пользователем или потоки пользователей — например, выбор места в самолете, или место в месте, или даже […] Сложный поток электронной коммерции-который вы не можете ожидать, что каждый агент будет генерировать самостоятельно,-объяснил Йосеф. «Итак, как сказал Идо, нам нужен был способ преодолеть этот разрыв».
Iframe и будущие мобильные соображения
В настоящее время MCP-UI предназначен для UI на основе браузера, хотя пара надеется добавить нативные мобильные инструменты в свое время. На данный момент основной особенностью MCP-UI является использование
«Я думаю, что это был единственный выбор, который был реалистичным технологически мудрым», — сказал Саломон в отношении Ифраме. «Я думаю, что MCP-UI, по своей сути, довольно прост. В основном он берет строительные блоки MCP [the parent protocol] — У MCP есть способ ответить не только с помощью текста, но и с встроенным ресурсом, который может быть чем угодно. Итак, идея заключалась в том, как мне взять что -то вроде встроенного ресурса, принять некоторый консенсус, когда этот встроенный ресурс содержит что -то. Тогда хост — вы знаете, Chatgpt, что угодно — может сделать его. И как он запускается в основном произвольный код, который небезопасен, не нанося вреда пользователям. Iframe — это единственный способ сделать это. И песочница Iframe, в частности, дает вам дополнительное преимущество ».
Он добавил, что есть и другие типы контента — «как удаленный DOM и куча других вещей» — которые являются более сложными и имеют свои собственные модели безопасности.
«У MCP есть способ ответить не только с помощью текста, но и с встроенным ресурсом, который может быть чем угодно».
— Саломон
Я спросил, думают ли они о реализациях для различных мобильных ОС, таких как iOS и Android, так что (например) приложение CHATGPT может использовать MCP-UI?
«Определенно будут разные реализации», — сказал Саломон. «Я думаю, что в Интернете это намного проще, потому что вы гораздо менее ограничены операционной системой и фактическим базовым двигателем. Таким образом, делать такие вещи, как сказать, что мы внедряем iframes и можете делать все, что мы хотим с iframe, намного проще. С мобильными, у вас много разных ограничений».
Но он признал, что реализации мобильных ОС будут чем -то, что нужно проекту — «потому что большая часть мира движется в мобильном направлении для агентов».
Это не все, что нужно добавить в MCP-UI. Проект все еще очень новый, поэтому такие вещи, как авторизация и тема, все еще работают.
MCP-UI Демонстрация пользовательского интерфейса, вставленного в чат сонета Claude 3.7.
Компоненты: HTML и варианты реагирования
Существует два типа SDK для MCP-UI: клиент SDK и сервер SDK для подключения к серверам MCP. Сервер SDK в настоящее время доступен только в TypeScript и Ruby, но версия Python находится в работе.
Клиент SDK предоставляет «Creact Component и веб -компонент для легкой интеграции frontend». Shopify использует веб -компоненты в своей интеграции, но большинство других, таких как Goose и Postman, используют React, скажем, пара.
«На самом деле, большинство используют React, потому что React — это своего рода фактическое язык кодирования атмосфера», — сказал Саломон. «Но да, веб -компоненты просто должны быть на безопасной стороне, чтобы позволить всем, потому что это своего рода цель».
«MCP-UI можно использовать [on] сторона клиента, используя React или веб -компоненты ».
-Лиад Йосеф, соавтор MCP-UI
Йосеф пояснил, что вариант использования Shopify немного отличается от других.
«Итак, MCP-UI можно использовать [on] Сторона клиента, использующая React или веб -компоненты, — сказал он. — Shopify использует веб -компоненты в качестве фактического контента пользовательского интерфейса, который отправляется, и это было то, что существовало в Shopify до начала этого проекта. Таким образом, Shopify разрабатывал какие-то веб-компоненты, которые будут использоваться на сторонних сайтах, и [so] Они были естественными кандидатами для составления пользовательского интерфейса Shopify ».
Как отмечалось выше, мы больше рассмотрим реализацию Shopify в следующем посте.
Заменят ли графические агенты веб -сайты?
Так что теперь к более широким вопросам, с точки зрения того, как MCP-UI может разыграться. Я спросил, видят ли пара агентов ИИ со встроенным интерфейсом UIS, которые заменяют необходимость некоторых онлайн-компаний-например, компаний электронной коммерции-для эксплуатации веб-сайтов?
«Наше будущее видение состоит в том, что сложные веб -сайты и сложные веб -приложения будут несколько устаревшими в будущем», — ответил Йосеф. «Мы уже видим сегодня с текстовыми инструментами MCP, что люди [who] Подключите своих агентов или помощников с каким -то MCP, они не просматривают сам сайт, они просто используют его через MCP. Таким образом, тем больше приложений или услуг, которые будут разоблачить их интерфейсы, используя эти фрагментированные части [via MCP-UI]Да, это заменит полномасштабный опыт веб-сайтов ».
«… Сложные веб -сайты и сложные веб -приложения будут несколько устаревшими в будущем».
— Йосеф
Трудно не увидеть привлекательность MCP-UI для бизнеса электронной коммерции-и, действительно, любой бизнес, который занимается транзакциями в Интернете. Но какие другие виды организаций выиграют от использования MCP-UI?
«Я думаю, определенно производительность», — ответил Йосеф (возможно, намек на то, почему Monday.com нанял их на большую сумму денег). «Это то, что мы уже можем видеть, что люди используют агентов в качестве помощников для повышения своей производительности. Поэтому подключение инструментов производительности, которые позволят вам эти богатые пользовательские интерфейсы и оптимизируются в вашем собственном опыте чата».
Саломон добавил, что «много вещей, которые сегодня вам нужно […] Многие из накладных расходов пользовательского интерфейса, возможно, для употребления определенным образом, становятся намного проще, когда вы сможете спросить агента и попросить агента принести вам именно то, что вам нужно, чтобы потреблять в то время, чтобы принимать решения ».
Начиная
Разработчики должны начать экспериментировать с MCP-UI, чтобы понять, как это может соответствовать их собственным вариантам использования.
Юсеф объяснил, что разработчики должны думать об использовании MCP-UI. Одним из них создает свой собственный агент, используя клиент SDK, так что он поддерживает MCP-UI. Другое состоит в том, чтобы ваше приложение было интегрировано во внешние агенты через сервер SDK.
Во втором использовании вы «пытаетесь его купить [your app] Для использования кусков, которые люди могут потреблять через CHATGPT, CLAUDE или их личного помощника », — сказал Йосеф.
В любом случае подготовитесь к Интернету, где через агентов будет происходить гораздо больше взаимодействий. Интернет не уходит-это является основным для MCP-UI-но то, как люди сменяются и потребляют онлайн, меняется.
«Приложения только MCP приходят»,-заявил Йосеф, предположив, что некоторые компании уже выходят за рамки веб-сайтов и приложений для смартфонов. «Мы слышали это от реальных компаний, на самом деле начали думать так».
Для дальнейшего изучения разработчики должны проверить веб -сайт проекта для технической информации и присоединиться к Discord для связи с сообществом.
Trending Stories youtube.com/thenewstack Tech движется быстро, не пропустите эпизод. Подпишитесь на наш канал YouTube, чтобы транслировать все наши подкасты, интервью, демонстрации и многое другое. Группа подпишитесь с эскизом. Ричард Макманус — старший редактор нового стека и пишет о тенденциях разработки веб -и приложений. Ранее он основал ReadWriteWeb в 2003 году и встроил его в один из самых влиятельных технологических новостей в мире. С самого раннего … Подробнее от Ричарда Макмануса