dsh-generative-ui — плагин
dsh-generative-ui превращает ответ агента DeepSeek Harness в живой React-интерфейс: компонент рисуется, пока модель его печатает.
- 156 ★ репозитория
- Последний коммит
Широкий доступ
Почему такой уровень
- Код, написанный моделью, компилируется и выполняется в браузере пользователя.
- Пакеты npm подтягиваются с внешнего CDN во время отрисовки без проверки автором.
Установка
Ручная установка
dsh plugin --profile web add dsh-generative-uiКоманда установки из README; после нее `dsh web` перезапускают.
Доступ и проверки
Как мы проверяемШирокий доступИнструмент может менять данные, выполнять команды или работать с секретами.
- Код, написанный моделью, компилируется и выполняется в браузере пользователя.
- Пакеты npm подтягиваются с внешнего CDN во время отрисовки без проверки автором.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
dsh-generative-ui, плагин веб-клиента DeepSeek Harness, показывает ответы агента не только текстом. Блок кода с меткой `ui4a/tsx` отрисовывается прямо в беседе: график, форма, набор вариантов или калькулятор. Файл `ui4a/canvases/<id>.ui4a.tsx` открывается в боковой панели и остается там между ходами. Текст TSX компилируется в браузере, пока идет потоковая генерация, поэтому карточка появляется до закрытия JSX. Сгенерированный код подтягивает пакеты npm с esm.sh, использует общий экземпляр React клиента и берет цвета из токенов приложения, следуя светлой и темной теме. Инструкция формата лежит в скилле `generative-ui`.
Для кого. Пользователям веб-клиента DeepSeek Harness, которым нужны интерактивные ответы агента: формы, графики, панели с изменяемыми параметрами.
Подходит, если
- Агент должен ответить графиком, в котором читатель меняет число.
- Результат работы нужно оставить в боковой панели на следующие ходы.
- Пользователь выбирает вариант кликом, а не текстовым ответом.
- Команда пробует генеративный интерфейс на собственной сборке `dsh web`.
Не подходит, если
- Используется другой клиент: плагин работает только внутри `dsh web`.
- Код из ответа модели нельзя выполнять в браузере без просмотра.
- В сессии выбран пресет `minimal`: модель не узнает про формат.
Пример запроса к агенту
Покажи сравнение трех тарифов таблицей с ползунком количества пользователей, отрисованной прямо в беседе.Ограничения
Плагин привязан к DeepSeek Harness и его веб-профилю, в других клиентах он не работает. Плагины подключаются при запуске, поэтому после добавления нужен перезапуск `dsh web`. В пресете `minimal` системная подсказка не расширяется, и модель не пишет блоки `ui4a/tsx`, хотя вставленную вручную карточку клиент отрисует. Код пакетов берется с esm.sh во время показа, нужен доступ к сети. Проект молодой, версия 0.0.x закрепляется точно, поэтому обновления нужно подтверждать вручную, как и код, который пишет модель.
Как отключить. Удалите пакет из профиля через `dsh plugin --profile web`, уберите `dsh-generative-ui` из `dsh.profile.bundles` в `~/.dsh/profiles/web/package.json` и перезапустите `dsh web`.
Частые вопросы
Как установить плагин?
Командой `dsh plugin --profile web add dsh-generative-ui`. Она добавляет пакет в `dsh.profile.bundles` профиля, после этого `dsh web` перезапускают.
Чем inline отличается от canvas?
Inline-блок живет между абзацами ответа и подходит для графика или формы. Canvas, файл в `ui4a/canvases/`, открывается в панели рядом и остается между ходами.
Почему модель не рисует интерфейс?
Вероятно, в сессии выбран пресет `minimal`: подсказка не дополняется, и модель не знает о формате. Выберите `standard` или добавьте инструмент `skill` в копию пресета.
Откуда берутся пакеты в сгенерированном коде?
Они подтягиваются с esm.sh во время отрисовки. Код использует общий экземпляр React клиента.
Можно ли поставить неопубликованный коммит?
Да: `dsh plugin --profile web add link:/path/to/dsh-generative-ui`, где путь ведет к локальной копии репозитория.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныСкилл с базой стилей, палитр, шрифтовых пар и UX-правил, который генерирует дизайн-систему под тип продукта
Скиллы Next.js
Next.js skills
Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
Открытая альтернатива Claude Design: прототипы, презентации, дашборды и видео через ваших локальных агентов
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| dsh-generative-ui (эта карточка) | нет | 156 | |
| DeepSeek Harness GenUI | нет | 125 | другой плагин генеративного интерфейса DeepSeek Harness; здесь потоковая компиляция TSX, режим canvas и скилл `generative-ui` |
| DeepSeek Harness | да | 274 836 | сам агент и его клиент; dsh-generative-ui дополняет веб-клиент живыми интерфейсами |
Коротко о README
Пакет состоит из серверной и браузерной частей. Первая добавляет подсказку и скилл, вторая компилирует TSX и показывает панель canvas. Подсказка в каждом запросе короткая, подробности подгружает скилл.