Дизайн-процесс
dsh-annotate
Указывайте на элементы в браузере и отправляйте агенту структурированные факты, а не расплывчатые описания.
Что это
Визуальная обратная связь из браузера через сопутствующее расширение Chrome: /annotate включает режим выделения, и каждый элемент, по которому вы кликаете, добавляет в следующий ход агента селектор, факты о DOM, ключевые вычисленные стили, данные доступности, ваш комментарий и опциональный скриншот вьюпорта.
Visual browser element annotation for DeepSeek Harness, capturing DOM, styles, accessibility data, comments, and viewport screenshots.
Почему это важно для дизайна
- Визуальная обратная связь остаётся привязанной к элементу страницы, а не превращается в расплывчатое описание или вставленный скриншот.
- Вычисленные стили и данные доступности приходят структурированными фактами, с которыми агент может работать напрямую.
- Loopback-мост WebSocket, ограниченный по хосту, origin и ID расширения, держит канал локальным.
Что внутри
- Why this exists
- Features
- Install
- Use
- Configure
- Scope
Как установить
dsh-annotate
-
Запустите это в терминале.
git clone https://github.com/BrambleXu/dsh-annotate.git && dsh plugin --profile demo add ./dsh-annotate -
Перезапустите dsh web, чтобы он подхватил плагин.
-
Дальше опишите нужный дизайн. Харнесс подхватит инструменты плагина.
Как запустить с DeepSeek Harness
-
Склонируйте репозиторий и добавьте проект в профиль харнесса, затем загрузите его папку browser-extension как распакованное расширение через chrome://extensions.
-
Запустите /annotate, кликайте по элементам страницы и прикрепляйте к каждому комментарий.
-
Отправьте — собранные факты и скриншот вьюпорта попадут в следующий ход агента.
Каждый плагин здесь бесплатен для установки и ведёт на свой реальный исходник.
Больше в репозитории DeepSeek Harness ↗Другие дизайн-плагины для DeepSeek Harness
Зрение и ввод Что он делает modlens Даёт текстовым моделям DeepSeek подключаемое зрение: вставьте скриншот и получите структурированные свидетельства. 
Зрение и ввод Что он делает dsh-vision-toolkit Десять зрительных инструментов для восстановления UI, граундинга и проверки пиксельным диффом. 
Зрение и ввод Что он делает dsh-ui-spec Превращает скриншоты UI в спецификации уровня реализации: токены, шкала отступов, сетка раскладки. 
Зрение и ввод Что он делает dsh-media-skills Бесплатные глаза и бесплатная кисть: чтение вставленных картинок и генерация изображений без водяных знаков. Следующий шаг
Проектируйте с OpenDesign без возни с настройкой
Поставьте этот плагин сами или разверните вокруг DeepSeek Harness целый кураторский дизайн-слой в OpenDesign. Свой ключ, свой результат.