SkillFoxx
Telegram

OpenGenerativeUI MCP

MCP-сервер OpenGenerativeUI собирает HTML-фрагменты в готовый документ с дизайн-системой и отдает агенту скиллы по SVG-диаграммам

  • 4 227 ★ репозитория
  • Последний коммит
  • MIT
MCP-сервер

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

Почему такой уровень

  • Возвращает HTML со скриптами, который нельзя показывать вне изолированного фрейма
  • Открытый CORS по умолчанию
Все причины и проверки

copilotkit/openintelligentuiАвтор:CopilotKit

Установка

Ручная установка

{
  "openGenerativeUI": {
    "url": "http://localhost:3100/mcp"
  }
}

Запись для `.mcp.json`. Сначала запустите сервер командой `pnpm dev` в `apps/mcp`.

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

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

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

  • Возвращает HTML со скриптами, который нельзя показывать вне изолированного фрейма
  • Открытый CORS по умолчанию

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

Что делает

OpenGenerativeUI — открытый фреймворк генеративного интерфейса от CopilotKit. В каталоге `apps/mcp` лежит отдельный MCP-сервер: его можно развернуть независимо от остального проекта. Инструмент `assemble_document` оборачивает HTML-фрагмент агента в полный документ с готовой дизайн-системой и служебным JavaScript, чтобы результат сразу выводился во фрейме. Через ресурсы `skills://list` и `skills://{name}` агент читает инструкции по визуализации и SVG-диаграммам. Есть шаблоны запросов `create_widget`, `create_svg_diagram` и `create_visualization`.

Для кого. Разработчикам, которые заставляют агента рисовать виджеты и диаграммы и хотят единый оформленный результат, а не голый HTML.

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

  • Агент должен нарисовать интерактивный график, а ответ нужно показать в iframe.
  • Нужна SVG-схема архитектуры в едином стиле для документации.
  • Несколько агентов выдают визуализации, и все должны выглядеть одинаково.
  • Прототип виджета собирают прямо в чате с моделью.
  • Клиент MCP на HTTP должен получать оформленный документ по запросу.

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

  • Нужен готовый пакет для production: сервер собирают из исходников, готового пакета в README нет.
  • Результат показывают без изоляции во фрейме.
  • Достаточно простого Markdown-ответа без визуализаций.

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

Построй интерактивную визуализацию бинарного поиска и оберни ее через assemble_document, чтобы ее можно было показать во фрейме.

MCP

Транспорт
stdio, http
Авторизация
не нужна

Переменные окружения

MCP_PORT
Порт HTTP-сервера, по умолчанию 3100
ALLOWED_ORIGINS
Разрешенные адреса CORS через запятую, по умолчанию любые

Ограничения

Сервер запускается из клона: `pnpm install`, затем `pnpm dev` на порту 3100 либо сборка и `dist/stdio.js` для клиентов со stdio. Опубликованного пакета в README нет. По умолчанию CORS разрешает любые адреса (`ALLOWED_ORIGINS=*`), в рабочей среде значение нужно сузить. Инструмент возвращает HTML со скриптами, поэтому показывать его следует только в изолированном фрейме. Последний коммит в основной ветке — октябрь 2026.

Как отключить. Уберите запись `open-generative-ui` из `claude_desktop_config.json` или `.mcp.json` и остановите процесс сервера.

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

Как запустить сервер?

В каталоге `apps/mcp` выполните `pnpm install`, затем `pnpm dev`. Сервер откроется на `http://localhost:3100/mcp`, проверка здоровья отвечает на `/health`.

Как подключить Claude Desktop?

Соберите проект командой `pnpm build` и добавьте в `claude_desktop_config.json` запись с командой `node` и аргументом `dist/stdio.js`, указав `cwd`.

Что принимает assemble_document?

Заголовок, описание в одно предложение и самодостаточный HTML-фрагмент со своими стилями и скриптами. В ответ приходит полный документ для iframe.

Что можно настроить?

Порт `MCP_PORT`, адреса CORS `ALLOWED_ORIGINS`, каталог скиллов `SKILLS_DIR` и уровень логов `LOG_LEVEL`.

Где брать скиллы?

Через ресурс `skills://list` агент получает перечень, а `skills://{name}` отдает текст инструкции.

Обсуждение

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

MCP-серверы
Официальный

MCP-сервер от MasterGo: агент получает DSL дизайн-файла по ссылке и восстанавливает макет как HTML или компонент.

MCP-серверРасширенный доступ289

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

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

MCP-сервер и скилл GolemUI проверяют декларативные формы и генерируют их из JSON Schema или OpenAPI для React, Angular, Vue.

MCP-серверМинимальный доступ134

Fluid, MCP-сервер генеративной графики, создает фоны и обои из 24 математических полей и отдает код для встраивания на сайт.

MCP-серверМинимальный доступ95
Официальный

MCP-сервер для генерации изображений и видео из агента: несколько моделей, большая библиотека промптов и параллельные задачи

MCP-серверРасширенный доступ1,8 тыс.
Официальный

MCP-сервер редактора OpenPencil: агент читает макеты, правит слои, экспортирует ресурсы и работает с файлами .fig без Figma.

MCP-серверРасширенный доступ9,8 тыс.

Коротко о README

README сервера описывает автономный пакет без зависимостей от остального репозитория, запуск по HTTP и stdio и настройку через переменные окружения.

Бейдж для README

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