CopilotKit с открытым исходным кодом Open Generative UI: реализация межагентной архитектуры для Claude Artifacts

Открытый фронтенд-фреймворк AI Agent CopilotKit 7 мая объявил о выпуске Open Generative UI — открытой реализации функции Anthropic Claude Artifacts. Акshay_pachaar собрал и пояснил детали: версии CopilotKit позволяют агенту во время выполнения динамически генерировать HTML/SVG и выводить интерфейс в режиме потоковой передачи token-by-token внутри изолированного sandboxed iframe; пользователи могут сразу видеть процесс сборки интерфейса, не дожидаясь полного ответа. До Anthropic Claude Artifacts возможности генеративного UI существовали только в продуктах самой Anthropic; CopilotKit вынес тот же подход в открытый доступ и его можно встроить в любое приложение.

Ключевой механизм: агент мгновенно генерирует HTML/SVG и потоково передает их в sandboxed iframe

Технический дизайн Open Generative UI:

Агент не выбирает компоненты из заранее подготовленных наборов — каждый раз с нуля генерирует любые визуальные элементы

Вывод в формате HTML/SVG потоково передается token-by-token в песочницу iframe

iframe полностью изолирован: он не может получить доступ к родительскому app, DOM или данным пользователя

Даже если агент генерирует битые теги или неожиданный JavaScript, это не просочится наружу за пределы iframe

Разработчики могут через «skill prompts» направлять агента на получение определенных визуальных форматов (например, dashboard на Chart.js с подписями осей, 3D-модель с элементами управления вращением и т. п.)

Песочница — стандартный подход для управления рисками «агент произвольно генерирует код»: агенту дают свободу создавать, но ограничивают область выполнения, не нарушая границы безопасности основного приложения.

Совместимые области: LangGraph／CrewAI／Mastra／Google ADK／AWS Strands

Open Generative UI построен на протоколе AG-UI и из коробки совместим с несколькими агентскими фреймворками:

LangGraph

CrewAI

Mastra

Google ADK

AWS Strands

Также предоставляется отдельный MCP (Model Context Protocol) сервер — его можно подключать через встраиваемый Claude Code, Cursor или любой совместимый MCP-клиент. Вся схема построена на открытом фронтенд-фреймворке CopilotKit: на GitHub у CopilotKit уже накоплено более 30 000 звезд, есть SDK для React, Next.js, Angular и Vue.

Значение для разработчиков AI Agent: стандарт GenUI, работающий поверх разных фреймворков и моделей

Значение этого релиза для уровня разработки AI Agent:

Раньше разработчикам нужно было встраивать в свое приложение «динамический UI в стиле Claude Artifacts», фактически реализуя все с нуля

Open Generative UI предлагает открытый выбор для GenUI — кросс-фреймворковый и кросс-модельный

Через MCP серверы, Claude Code и Cursor пользователи могут подключаться напрямую

Следующие события, за которыми можно будет следить: уровень внедрения CopilotKit Open Generative UI в сообществе LangChain／CrewAI, официальная реакция Anthropic на «открытую реализацию Claude Artifacts», а также появятся ли у других агентских фреймворков похожие возможности GenUI.

Эта статья CopilotKit открывает Open Generative UI: реализация Claude Artifacts как кросс-agent фреймворка впервые появилась в 链新闻 ABMedia.