Демонстрационный проект с открытым исходным кодом на Next.js, воссоздающий Intelligent UI из ChatGPT: ответы модели выводятся потоком в виде интерактивных карт, диаграмм, форм и работающих инструментов на базе OpenUI.
omdsh-dev/dsh-genui
Плагин DSH, который встраивает интерактивные компоненты интерфейса — графики, таблицы, формы, тесты, диаграммы и Mermaid — прямо в ответы ассистента.
- Звёзды
- 659
- Форки
- 73
- Открытые issues
- 14
- Последний коммит
- 6 часов назад
Что это?
dsh-genui — плагин для DSH, который позволяет модели добавлять в ответы интерактивные компоненты интерфейса, а не только обычный текст. Модель записывает описание в формате JSON внутри блока кода dsh-ui, а браузерный рендерер заменяет его карточками со статистикой, сортируемыми таблицами, графиками ECharts и Mermaid, формами, тестами, графиками функций и постоянной панелью сессии. Окружающий текст при этом остается на месте.
Компоненты берутся из белого списка, поэтому модель не может внедрить HTML или скрипты, а некорректные узлы отбрасываются, не нарушая остальную часть ответа. Кнопки и элементы управления в формах могут отправлять действия обратно модели, а локальные операции — например, проверка ответов, сортировка и перерисовка графиков при перемещении ползунка — выполняются в браузере. Готовые блоки можно экспортировать как отдельный HTML-файл или JSON.
Пакет опубликован в npm под именем @changfenhuang/dsh-genui и рассчитан на определенные релиз-кандидаты DSH 0.2.x. Без плагина блоки dsh-ui отображаются как обычные блоки кода.
Ключевые возможности
- 01Встраивает в ответы карточки со статистикой, таблицы, графики, вкладки, аккордеоны и деревья файлов.
- 02Поддерживает графики ECharts и диаграммы Mermaid с отложенной загрузкой движков визуализации.
- 03Строит графики функций, кривые на которых перерисовываются локально при изменении значений ползунков.
- 04Предоставляет тесты и формы с выбором ответа, которые можно проверять локально и при необходимости отправлять действия модели.
- 05Сохраняет постоянную панель сессии и обновляет ее содержимое на месте.
- 06Экспортирует готовые компоненты как отдельный HTML-файл или JSON.
Сценарии использования
- Показывать метрики заказов или сервисов в виде дашбордов прямо в ответе чата.
- Создавать интерактивные тесты или тренировочные вопросы, сгенерированные моделью.
- Визуализировать математику или данные с помощью настраиваемых графиков и диаграмм.
- Позволять пользователям выполнять действия по рекомендациям модели с помощью кнопок и форм.
Быстрый старт
- 1
Установите pnpm, если он ещё не установлен (corepack enable).
corepack enable - 2
Установите плагин и активируйте его в DSH.
dsh plugin --profile web add @changfenhuang/dsh-genui - 3
Перезапустите dsh web, выполните жёсткую перезагрузку страницы и начните новый сеанс для проверки.
Что важно знать
- Требуются DSH версии ^0.2.0-rc.1 || ^0.2.1-rc.1 и pnpm в PATH.
- Хост должен обеспечивать активацию клиента и предоставлять сервисы slots и sessions.
- Для сквозного тестирования с реальной моделью необходимо настроить учётные данные модели.
- Установка из npm с неверным именем пакета может установить не связанный с проектом пакет dsh-genui.
Темы
Частые вопросы
- Что такое dsh-genui?
- Плагин DSH, который встраивает интерактивные компоненты интерфейса — графики, таблицы, формы, тесты, диаграммы и Mermaid — прямо в ответы ассистента. dsh-genui — плагин для DSH, который позволяет модели добавлять в ответы интерактивные компоненты интерфейса, а не только обычный текст. Модель записывает описание в формате JSON внутри блока кода dsh-ui, а браузерный рендерер заменяет его карточками со статистикой, сортируемыми таблицами, графиками ECharts и Mermaid, формами, тестами, графиками функций и постоянной панелью сессии. Окружающий текст при этом остается на месте.
- dsh-genui можно использовать бесплатно? Какая у него лицензия?
- dsh-genui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- dsh-genui всё ещё поддерживается?
- Активно поддерживается. Последний коммит в dsh-genui — 19 окт. 2026 г..
- Для чего можно использовать dsh-genui?
- Показывать метрики заказов или сервисов в виде дашбордов прямо в ответе чата. Создавать интерактивные тесты или тренировочные вопросы, сгенерированные моделью. Визуализировать математику или данные с помощью настраиваемых графиков и диаграмм. Позволять пользователям выполнять действия по рекомендациям модели с помощью кнопок и форм.
- Как установить dsh-genui?
- Установите pnpm, если он ещё не установлен (corepack enable).: corepack enable Установите плагин и активируйте его в DSH.: dsh plugin --profile web add @changfenhuang/dsh-genui Перезапустите dsh web, выполните жёсткую перезагрузку страницы и начните новый сеанс для проверки.
- Где скачать dsh-genui?
- Исходный код и инструкции по установке — на GitHub: https://github.com/omdsh-dev/dsh-genui
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Открытый агентский harness от DeepSeek AI на базе фреймворка Cordis с архитектурой, где всё реализовано в виде плагинов.
Не зависящий от фреймворка инструментарий Generative UI на базе OpenUI Lang — компактного потокового языка, с помощью которого LLM создают отображаемый UI из вашей библиотеки компонентов.
Веб-рабочее пространство на React/TypeScript для Hermes Agent: чат, файлы, терминал, память, навыки и мониторинг агента в одном интерфейсе.
Чат с открытым исходным кодом, в котором AI не только отвечает, но и показывает объяснения, сравнения, графики и интерактивные инструменты на базе CopilotKit и AG-UI.
Терминальный агент для программирования со встроенными инструментами LSP, отладчика, браузера и субагентов; поддерживает более 60 провайдеров моделей.