Persona.js

Ниша встраиваемых ИИ-чатовиков растёт вместе с распространением LLM в продуктах, но пока остаётся относительно узкой. При правильном позиционировании продукт может масштабироваться глобально, охватывая SaaS-компании, внутренние корпоративные порталы и сайты стартапов.

“Привет, Product Hunt 👋 Я Натан, сооснователь Runtype и один из разработчиков Persona. Persona — это первая в мире библиотека чата с ИИ, нативно поддерживающая WebMCP. Это независимый от фреймворка пользовательский интерфейс чата, который вы можете встроить в любой существующий веб-сайт или приложение, чтобы легко добавить ИИ в свой продукт. Почему мы это создали Большинство библиотек чата с ИИ предполагают, что вы начинаете с нуля на React. Persona создана для остального интернета: существующих сайтов, смешанных фронтенд-стеков, проприетарных CMS и команд, которые хотят получить современный опыт работы с ИИ без переписывания на React. Встройте его без шага сборки, настройте весь интерфейс с помощью конфигурации и встроенного редактора, а затем используйте его как виджет чата, полноэкранный интерфейс в стиле ChatGPT/Claude с артефактами или что-то среднее. Он выглядит отполированным из коробки, и вы можете пройти довольно долгий путь настройки без кода, но при этом он предоставляет разработчикам хуки и плагины, когда они хотят углубиться. Он построен на Vanilla JS, поэтому может работать где угодно — WordPress, Shopify Liquid, статические HTML-сайты и многое другое. Что нас больше всего радует: WebMCP 🧩 Persona — это первый фреймворк пользовательского интерфейса агента, нативно поддерживающий WebMCP, который только что был выпущен в Chrome и имеет полифиллы для всех других браузеров. С WebMCP вы можете регистрировать инструменты, ориентированные на агента, непосредственно в своем фронтенде, что позволяет агентам на базе Persona напрямую использовать ваше фронтенд-приложение с гораздо большей ловкостью и эффективностью токенов, чем другие подходы (безголовые браузеры, самодельные фронтенд-инструменты и т. д.). Если у вас уже есть сложное веб-приложение, это может быть гораздо более быстрый путь к включению возможностей ИИ в ваше приложение по сравнению с созданием совершенно нового бэкенда. И поскольку инструменты WebMCP могут быть подключены непосредственно к фронтенд-коду, опыт гораздо больше похож на «второго пилота», а не на прикрученный модуль, все обычные побочные эффекты и пользовательский интерфейс сохраняются, в то время как ваше приложение становится более функциональным. Несколько крутых демонстраций: Полноэкранный помощник → persona-chat.dev/fullscreen-assistant-demo.html Слайды → persona-chat.dev/webmcp-slides.html Календарь → persona-chat.dev/webmcp-calendar.html MSPaint → persona-chat.dev/webmcp-paint.html WebMCP созревает до такой степени, что имеет смысл начать строить на его основе, и Persona упрощает это с помощью встроенного полифилла. Открытый исходный код, без привязки к поставщику Persona имеет лицензию MIT и является открытым исходным кодом. Она создана компанией, занимающейся платформой ИИ, но намеренно не связана с Runtype. Вы развертываете ее на любом фреймворке и подключаете к любой конечной точке ИИ на основе SSE с небольшим количеством связующего кода. Примеры для популярных фреймворков, таких как Flue, Eve, OpenAI Agents SDK и других, находятся в репозитории вместе с документацией, которую ваши существующие инструменты кодирования могут использовать для быстрой реализации. Если вы хотите развернуть чат-агента как можно быстрее, команда CLI: npx @runtypelabs/cli@latest persona init …настроит вам чат-агента с поддержкой WebMCP на платформе Runtype за считанные минуты. Для кого это Для разработчиков, добавляющих ИИ в что-то уже существующее, без переписывания, и кто хочет извлечь выгоду из того, что мы одержимы деталями передовых ИИ-опытов, чтобы они могли просто развернуть их. Репозиторий, документация и примеры: github.com/runtypelabs/persona Мы будем рады вашим отзывам! Если вы пытались добавить ИИ в существующее приложение, мне интересно, что было самым сложным: выбор правильного фреймворка, создание нового бэкенда, подключение инструментов, создание правильных оценок или доверие тому, что ИИ на самом деле делает. Буду рад углубиться в WebMCP в комментариях.”