Дизайн-процесс
dsh-web-review
Указывайте на элементы живой страницы, аннотируйте визуально — агент правит исходник.
Что это
Встроенный браузер для веб-интерфейса харнесса: подсвечивайте и выбирайте элементы, как в дизайн-инструменте, прикрепляйте заметки и пробуйте живые визуальные правки — текст, цвет, типографику, размер, отступы, рамки, эффекты. Аннотации несут селекторы и подсказки к исходнику, чтобы агент мог найти и исправить код.
Select page elements in the built-in browser as you would in a design tool, leave feedback, and preview changes to text, colors, typography, dimensions, spacing, borders, and effects. Once submitted, the agent uses your page annotations to update the source code.
Почему это важно для дизайна
- Визуальное «указать и прокомментировать» заменяет описание проблем UI словами.
- Живые правки показывают изменение на странице до того, как тронут код.
- В комплекте восемь дизайн-скиллов, от better-typography до interface-review, доступных из редактора аннотаций.
Что внутри
- Web Preview
- Element Annotations
- Live Visual Adjustments
- AI Collaboration
- UI Design Skills
Как установить
dsh-web-review
-
Запустите это в терминале.
dsh plugin --profile web add @canglongcl/dsh-web-review -
Перезапустите dsh web, чтобы он подхватил плагин.
-
Дальше опишите нужный дизайн. Харнесс подхватит инструменты плагина.
Как запустить с DeepSeek Harness
-
Добавьте плагин и запустите dsh web.
-
Откройте своё запущенное приложение во вкладке Web Preview и разметьте, что должно измениться.
-
Отправьте — агент получит селекторы, заметки и опробованные значения и отредактирует исходники рабочей области.
Каждый плагин здесь бесплатен для установки и ведёт на свой реальный исходник.
Больше в репозитории DeepSeek Harness ↗Другие дизайн-плагины для DeepSeek Harness
Зрение и ввод Что он делает modlens Даёт текстовым моделям DeepSeek подключаемое зрение: вставьте скриншот и получите структурированные свидетельства. 
Зрение и ввод Что он делает dsh-vision-toolkit Десять зрительных инструментов для восстановления UI, граундинга и проверки пиксельным диффом. 
Зрение и ввод Что он делает dsh-ui-spec Превращает скриншоты UI в спецификации уровня реализации: токены, шкала отступов, сетка раскладки. 
Зрение и ввод Что он делает dsh-media-skills Бесплатные глаза и бесплатная кисть: чтение вставленных картинок и генерация изображений без водяных знаков. Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг DeepSeek Harness целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.