Рабочее пространство и превью
dsh-web-preview
Стеклянная боковая панель, которая показывает превью рабочей области, запускает проект и аннотирует элементы.
Что это
Боковая панель веб-превью для веб-интерфейса харнесса: файлы рабочей области подаются для просмотра — Markdown рендерится, код показывается с номерами строк, изображения и HTML как есть; проекты сами определяют свой тип (Cargo, package.json, go.mod, Python) и запускаются с живыми логами, а режим разметки собирает аннотации элементов обратно в разговор.
DeepSeek Harness（DSH）侧边网页预览面板 —— 一个标准 Cordis 插件包（Host + Client 双半），把工作区目录托管成 iframe 预览，并支持项目运行、元素标记批注与链接点击接管。
Почему это важно для дизайна
- Прототип, который агент только что написал, открывается рядом с чатом; адресная строка синхронизирована, ширина панели перетаскивается.
- Режим разметки подсвечивает элементы при наведении, захватывает селектор и HTML-снимок и отправляет вашу заметку в разговор.
- Ссылки, пути к файлам и перетащенные файлы открываются в панели, поэтому ревью не покидает сессию.
Что внутри
- 功能
- 安装
- 开发
- 协议
Как установить
dsh-web-preview
-
Запустите это в терминале.
cd ~/.dsh/profiles/web && npm install dsh-web-preview-panel -
Перезапустите dsh web, чтобы он подхватил плагин.
-
Дальше опишите нужный дизайн. Харнесс подхватит инструменты плагина.
Как запустить с DeepSeek Harness
-
Установите пакет в каталог профиля web, затем подключите его, добавив запись insert с именем dsh-web-preview-panel в cordis.patch.yml этого профиля.
-
Перезапустите dsh web и откройте кнопку превью ▶ в правом верхнем углу разговора.
-
Запускайте проект из панели, аннотируйте элементы и отправляйте логи и заметки прямо агенту.
Каждый плагин здесь бесплатен для установки и ведёт на свой реальный исходник.
Больше в репозитории DeepSeek Harness ↗Другие дизайн-плагины для DeepSeek Harness
Зрение и ввод Что он делает modlens Даёт текстовым моделям DeepSeek подключаемое зрение: вставьте скриншот и получите структурированные свидетельства. 
Зрение и ввод Что он делает dsh-vision-toolkit Десять зрительных инструментов для восстановления UI, граундинга и проверки пиксельным диффом. 
Зрение и ввод Что он делает dsh-ui-spec Превращает скриншоты UI в спецификации уровня реализации: токены, шкала отступов, сетка раскладки. 
Зрение и ввод Что он делает dsh-media-skills Бесплатные глаза и бесплатная кисть: чтение вставленных картинок и генерация изображений без водяных знаков. Следующий шаг
Проектируйте с OpenDesign без возни с настройкой
Поставьте этот плагин сами или разверните вокруг DeepSeek Harness целый кураторский дизайн-слой в OpenDesign. Свой ключ, свой результат.