Зрение и ввод
dsh-ui-spec
Превращает скриншоты UI в спецификации уровня реализации: токены, шкала отступов, сетка раскладки.
Что это
Единственный инструмент analyze_ui_image, который превращает скриншот или макет в структурированную фронтенд-спецификацию. Детерминированный геометрический слой измеряет точные размеры, палитру, предлагаемые дизайн-токены, сетку раскладки и шкалу отступов; опциональная зрительная модель добавляет сверху семантику.
DeepSeek Harness plugin: turn UI screenshots into structured, implementation-grade web frontend specs. Deterministic geometry (sharp) + optional vision-model semantics, merged into one JSON + Markdown spec.
Почему это важно для дизайна
- Пиксельные координаты, шкалы отступов и палитры токенов вычисляются детерминированно, а не угадываются зрительной моделью.
- Поля спецификации напрямую ложатся в реализацию: предлагаемые токены — в дизайн-токены, шкала отступов — в CSS.
- Семантические роли дают замысел, геометрия даёт размещение — всё сливается в одну спецификацию JSON + Markdown.
Что внутри
- Why this exists
- Configure the semantic layer
- The tool
- How to use the spec
- Status & caveats
Как установить
dsh-ui-spec
-
Запустите это в терминале.
dsh plugin --profile web add dsh-ui-spec -
Перезапустите dsh web, чтобы он подхватил плагин.
-
Дальше опишите нужный дизайн. Харнесс подхватит инструменты плагина.
Как запустить с DeepSeek Harness
-
Добавьте плагин; геометрический слой работает офлайн без всякой настройки.
-
При желании направьте семантический слой на любой OpenAI-совместимый зрительный эндпоинт.
-
Дайте агенту скриншот и стройте по возвращённой спецификации, а не по картинке.
Каждый плагин здесь бесплатен для установки и ведёт на свой реальный исходник.
Больше в репозитории DeepSeek Harness ↗Другие дизайн-плагины для DeepSeek Harness
Зрение и ввод Что он делает modlens Даёт текстовым моделям DeepSeek подключаемое зрение: вставьте скриншот и получите структурированные свидетельства. 
Зрение и ввод Что он делает dsh-vision-toolkit Десять зрительных инструментов для восстановления UI, граундинга и проверки пиксельным диффом. 
Зрение и ввод Что он делает dsh-media-skills Бесплатные глаза и бесплатная кисть: чтение вставленных картинок и генерация изображений без водяных знаков. 
Зрение и ввод Что он делает dsh-vision-router Бесплатные глаза без ключей для текстовых агентов: встроенная зрительная цепочка и одиннадцать пиксельных инструментов. Следующий шаг
Проектируйте с OpenDesign без возни с настройкой
Поставьте этот плагин сами или разверните вокруг DeepSeek Harness целый кураторский дизайн-слой в OpenDesign. Свой ключ, свой результат.