ДОПОЛНИТЕЛЬНОЕ ЧТЕНИЕ
Дополнительные материалы по DeepSeek Harness
Руководства, документация и разборы по проектированию с DeepSeek Harness из опубликованного гайда.
DeepSeek Harness 
OpenDesign Проектируйте с
DeepSeek Harness в
OpenDesign.
DeepSeek Harness в OpenDesign: переиспользуемый профиль консоли, skills и выбор провайдера, таблица пользователей от брифа до готового файла, и ограничения.
От брифа к интерфейсу01 / DeepSeek Harness
ВЫ ПРИНОСИТЕ ИДЕЮ↗
«Таблица администратора с ролями,
созданная из профиля, который можно использовать повторно.»
ТРИ СПОСОБА НАЧАТЬ РАБОТУ С ЭТИМ РУКОВОДСТВОМ ПО DEEPSEEK HARNESS
Выберите, с чего начать работу с DeepSeek Harness
ЭТО РУКОВОДСТВО · ДИЗАЙН ИНТЕРФЕЙСОВ
Создайте интерфейс продукта с помощью DeepSeek Harness
Это руководство: бриф, референсы, правила дизайна и проверенный результат в HTML.
Читать это руководство НАСТРОЙКАНастройте DeepSeek Harness с нуля
Вам не нужно заранее устанавливать Node.js, pnpm или dsh. Запустите однострочный установщик для вашей операционной системы: он устанавливает DeepSeek Harness…
Перейти к настройке СРАВНЕНИЕСравните DeepSeek Harness с другими агентами
Чем DeepSeek Harness отличается от DeepSeek TUI (`deepseek` / `codewhale`), OpenCode, Claude Code для дизайн-задач, и когда стоит выбрать другой workflow.
Посмотреть сравнениеНа этой странице Пример
Одна полная дизайн-задача в DeepSeek Harness
Дизайн-задача в DeepSeek Harness: от брифа до интерфейса
Одна задача, показанная от начала до конца: бриф и ограничения, которые вы передаёте, артефакт, который вы получаете в результате, и проверки, которые вы всё равно выполняете, прежде чем считать задачу завершённой. Интерфейс ниже — иллюстративный пример, созданный для этой страницы, а не запись реального запуска DeepSeek Harness.
1Дизайн-бриф и ограничения
БрифСпроектируйте страницу пользователей в админ-консоли: таблица с поиском по роли, команде, статусу и последней активности, массовые действия и пагинация. Используйте переиспользуемый профиль для skill консоли. Десктоп и телефон.
- Дизайн-системаOpenDesign paper canvas: Albert Sans, один зелёный акцент
- Брейкпоинты1440px десктоп и 390px мобильный, без горизонтального скролла
- ВзаимодействияПоиск, фильтры, выбор строк, массовые действия, пагинация
- РезультатОдин самодостаточный HTML-файл со стабильными хуками
data-od-id
2Распределение работы: вы, DeepSeek Harness и OpenDesign
- Вы
Пишете бриф, выбираете дизайн-систему и определяете критерии приёмки.
- DeepSeek Harness
Планирует макет, пишет HTML, CSS и JavaScript и корректирует по запросу.
- OpenDesign
Предоставляет дизайн-систему и skill, рендерит превью и сохраняет каждую версию как файл в проекте.
- Проверка
Перед передачей проверяются визуальная иерархия, отступы по сетке 8px, оба брейкпоинта и каждое взаимодействие.
3Артефакт DeepSeek Harness: таблица администратора при 1440px и 390px
4Проверка перед передачей
Layout
Сетка и отступы
Панель инструментов, таблица и пейджер на сетке 8px; столбцы сохраняют фиксированную ширину, чтобы строки не «прыгали».
Иерархия
Визуальная иерархия
Сначала имя и роль; акцентом выделена только роль владельца.
Responsive
Мобильная раскладка
Таблица превращается в список с именем, email и ролью; фильтры переходят в отдельную панель.
Interaction
Проверка взаимодействия
Поиск, фильтрация по роли, выбор двух строк, запуск массового действия, переход на следующую страницу.
Fit
Когда DeepSeek Harness подходит для задачи, а когда нет
DeepSeek Harness подходит, когда
- Инструкции проекта. Загружайте правила бренда и компонентов из AGENTS.md или CLAUDE.md.
- Переиспользуемые skill. Упаковывайте фронтенд-приёмы и проверку в `.dsh/skills` или `.agents/skills`.
- Выбор провайдера. Используйте текстовый DeepSeek для работы с кодом и спецификациями и маршрут с поддержкой изображений для скриншотов.
- Композируемые профили. Собирайте целевой runtime из инструментов, политик и UI-плагинов, нужных для workflow.
Выберите другой workflow, если
- Вам нужны редактируемые векторные файлы. Артефакт — это HTML, а не редактируемый дизайн-документ. Проверьте отдельный векторный workflow для нужного вам формата файлов.
- У вас нет ни референса, ни ограничений. Без дизайн-системы или примеров результат стремится к типовому виду; сначала напишите бриф.
- У вас нет учётных данных, нужных этому агенту. Требуется: ключ DeepSeek API или другие настроенные учётные данные провайдера. OpenDesign не предоставляет и не проксирует учётные данные.
- Ваша команда работает в DeepSeek или Reasonix. У этих агентов свои страницы; рабочее пространство то же, настройка отличается. См. похожих агентов.
Совместимость
Требования к DeepSeek Harness перед началом работы
В этом руководстве рассматривается DeepSeek Harness при подключении через desktop-приложение OpenDesign. Опубликованные источники проверены 6 сентября 2026 года.
Область инструментаDeepSeek Harness, от DeepSeek AI
DeepSeek Harness (`dsh`) — официальный агентский harness с открытым исходным кодом от DeepSeek AI. Его локальный Web UI и headless-раннер компонуют модели, инструменты, сессии, права доступа, файловые системы, skills, subagents и UI в виде плагинов Cordis. Эта страница посвящена проектированию интерфейсов с DeepSeek Harness через OpenDesign, а не собственному интерфейсу DeepSeek Harness. Заметки по настройке OpenDesign содержат список доступных агентов.
Учётные записи и аутентификацияDeepSeek API key или другие настроенные
DeepSeek API key или другие настроенные учётные данные провайдера. Откройте Settings → Models & providers → Local CLI в OpenDesign и выполните повторное сканирование. Эта страница не гарантирует квоту или цену.
Система и версииДесктопное приложение или сборка из исходников
Проверьте страницу загрузки на наличие десктопных сборок. Требования к Node.js и pnpm в исходном quickstart относятся к запуску из исходного кода, а не к установке десктопного пакета. Минимальная совместимая версия DeepSeek Harness здесь не проверялась.
Проверка подключенияСигнал об успехе
Следуйте инструкциям по подключению, показанным в вашей установленной версии, затем выполните небольшую задачу. Убедитесь, что DeepSeek Harness её обработал и что артефакт открывается. Одна лишь загрузка не подтверждает работающее подключение.
Начните с десктопного приложения
Настройка DeepSeek Harness за три шага
Сначала скачайте, затем завершите настройку DeepSeek Harness для вашей установленной версии, после чего проверьте небольшой результат. Вам не нужно собирать OpenDesign из исходного кода, чтобы пройти этот путь.
- 1
Загрузите десктопное приложение OpenDesign
Выберите пакет для вашего компьютера, установите его и откройте приложение.
Скачать OpenDesignКОНТРОЛЬНАЯ ТОЧКАОткрывается настольное приложение. Уже установлено? Переходите к следующему шагу — повторно скачивать не нужно. - 2
Подготовьте подключение DeepSeek Harness
Следуйте инструкциям DeepSeek Harness для вашей установленной версии. Откройте Settings → Models & providers → Local CLI в OpenDesign и выполните повторное сканирование.
deepseek-ai/deepseek-harnesscurl -fsSL 'https://open-design.ai/install-dsh.sh?version=1' | shИз заметок по настройке DeepSeek Harness в опубликованном руководстве; актуальную команду проверяйте в документации вендора.
КОНТРОЛЬНАЯ ТОЧКАУбедитесь, что выбраны нужный агент и аккаунт. Если он недоступен, проверьте совместимость, прежде чем браться за более крупную задачу. - 3
Выполните одну небольшую задачу DeepSeek Harness
Используйте небольшой бриф, чтобы оценить весь цикл, включая одну доработку.
Начальный брифСоздайте экран настроек с формой профиля и подтверждением сохранения. Используйте мои правила дизайна. Проверьте на ширинах для десктопа и мобильных устройств.
КОНТРОЛЬНАЯ ТОЧКАОткройте результат, проверьте состояние сохранения и запросите одно конкретное изменение. Сгенерированный файл — это начало проверки, а не её конец.
Чтобы запустить OpenDesign из исходного кода, следуйте техническому quickstart.
Дизайн-workflow DeepSeek Harness
Дизайн-workflow DeepSeek Harness за пять шагов
Та же задача с таблицей администратора, пройденная от брифа до проверенного файла. Каждый шаг описывает, что предоставляете вы, что делает DeepSeek Harness, что добавляет OpenDesign и что вы проверяете.
- 1
Дизайн-бриф
Простой язык, от трёх до шести строк. Укажите аудиторию, задачу экрана и платформы.
- ВыНапишите бриф; приложите референсный скриншот, если он есть.
- DeepSeek HarnessЧитает бриф и файл инструкций проекта; задаёт вопросы, если что-то неоднозначно.
- OpenDesignПредоставляет проект, поверхность для промптов и skill для нужного типа артефакта.
- ПроверкаУбедитесь, что в брифе указаны критерии приёмки. Добавить их сейчас дешевле, чем после генерации.
- 2
Дизайн-ограничения
Дизайн-система и несколько строгих правил. Именно это отличает результат в стиле бренда от универсального вида.
- ВыВыберите дизайн-систему; укажите breakpoints и обязательные к использованию компоненты.
- DeepSeek HarnessЗагружает токены и правила подачи из DESIGN.md в контекст, прежде чем написать хоть строку.
- OpenDesignПоставляет библиотеку дизайн-систем и привязывает выбранную к шаблону skill.
- ПроверкаТокены соответствуют вашему бренду. Один акцентный цвет, нужные шрифты, нужный радиус.
- 3
Сгенерировать интерфейс
DeepSeek Harness пишет автономный HTML-файл: разметку, стили, взаимодействия и стабильные хуки.
- ВыПодождите или ответьте на уточняющий вопрос. Настраивать ничего не нужно.
- DeepSeek HarnessПланирует разделы, пишет HTML, CSS и JavaScript, запускает файл и исправляет ошибки.
- OpenDesignСохраняет артефакт в папку проекта и индексирует его для предпросмотра.
- ПроверкаПока ничего. Оценивайте файл после рендеринга, а не по исходному коду.
- 4
Предпросмотр
Файл отображается внутри OpenDesign при указанных вами ширинах. Именно здесь оценивается дизайн.
- ВыПереключаете ширины, кликаете по интерактивным элементам, оставляете комментарии к элементам.
- DeepSeek HarnessСчитывает ваши комментарии к предпросмотру и готовит следующую версию.
- OpenDesignОтображает предпросмотр, предоставляет цели
data-od-idдля комментариев и правок. - ПроверкаИерархия, контраст, переполнение при 390px, состояния фокуса и то, используется ли акцент умеренно.
- 5
Правки и проверка
Запрашивайте изменения, указывая на элементы в предпросмотре. Каждая правка — это новый файл; ничего не перезаписывается тихо.
- ВыПревращаете комментарии в запросы; решаете, когда задача выполнена.
- DeepSeek HarnessПрименяет изменения на месте и повторно запускает файл.
- OpenDesignХранит версии рядом друг с другом; экспортирует изображение или HTML, когда вы закончили.
- ПроверкаПовторно проверяете только изменённую область, затем всю страницу целиком на каждой контрольной точке.
Ресурсы
Ресурсы для дизайна DeepSeek Harness
Skills Просмотреть skills Дизайн-системы Просмотреть системы Шаблоны Просмотреть шаблоны Плагины Просмотреть плагины
Skills для дизайна
Типы продуктов, которые DeepSeek Harness может создавать в OpenDesign — по одному skill на тип.
Дизайн-системы
Токены бренда и компоненты, которые нужно привязать до того, как DeepSeek Harness начнёт что-либо генерировать.
Шаблоны
Отправные точки для презентаций, лендингов и экранов продукта.
Плагины для дизайна DeepSeek Harness
Плагины для дизайна, подготовленные для Harness, с отдельными инструкциями по настройке.
Ограничения
Ограничения DeepSeek Harness, ручные проверки и запасные варианты
- Область примененияЭта страница описывает DeepSeek Harness как агента, подключённого к OpenDesign, а не все возможности DeepSeek Harness.
- Лимиты использованияЛимиты использования и стоимость зависят от учётных данных, которые вы используете (API-ключ DeepSeek или другие настроенные учётные данные провайдера). Эта страница не делает никаких заявлений о бесплатных квотах.
- СетьЛокальные файлы проекта не означают офлайн-инференс. Прежде чем передавать конфиденциальные данные, ознакомьтесь с настройками провайдера вашего агента и политиками обработки данных.
- Результат — HTMLПродукты представляют собой HTML-файлы, а не векторные файлы дизайна.
- Ручная проверкаДоступность, реальный контент, соответствие бренду и корректность взаимодействия проверяете вы сами в предпросмотре. Любую самопроверку агента следует считать лишь первым проходом.
- Запасной вариантЕсли агент недоступен или задача завершилась ошибкой, проверьте инструкции по подключению и авторизации для установленной версии. Перед изменением конфигурации сохраните ошибку и последний работающий артефакт.
Вопросы и ответы
Частые вопросы о DeepSeek Harness и OpenDesign
Что такое DeepSeek Harness?
DeepSeek Harness (`dsh`) — официальный агентский харнесс с открытым исходным кодом от DeepSeek AI. Он объединяет модели, инструменты, контекст, сессии, политики, оркестрацию и UI через дерево плагинов Cordis. Публичный релиз на данный момент — превью для разработчиков под лицензией MIT.
Как установить и запустить DeepSeek Harness?
Запустите однострочный установщик для вашей ОС — macOS/Linux: `curl -fsSL 'https://open-design.ai/install-dsh.sh?version=1' | sh` (однострочники для PowerShell и CMD приведены в разделе настройки выше). Предустановленные Node.js, pnpm или dsh не требуются, `sudo` также не нужен. В конце установщик открывает `dsh web`; пройдите уведомление о превью и сохраните только сам API-ключ в разделе Settings → Models → DeepSeek → API Key. Убедитесь, что провайдер и модель работают, остановите Web UI с помощью `Ctrl+C`, установите OpenDesign версии 0.19.1 или новее, пересканируйте локальные CLI-агенты, подключите карточку Harness и нажмите Test.
Перезапишет ли установщик мой существующий Node.js?
Нет. Если окружения отсутствуют, установщик устанавливает изолированный Node.js и набор инструментов DeepSeek Harness внутри вашего пользовательского каталога; он не изменяет системный Node.js и не заменяет версии, используемые другими проектами. Если у вас уже есть совместимые Node.js, pnpm и dsh, установщик обнаружит и переиспользует их, не выполняя повторную загрузку.
Терминал не находит Dsh после установки — что делать?
Сначала откройте новое окно терминала. OpenDesign самостоятельно сканирует стандартные пользовательские каталоги инструментов, поэтому обычно вам не нужно редактировать PATH; если OpenDesign уже открыт, перейдите на страницу Local Agent и нажмите Rescan. Если обнаружение всё равно не срабатывает, убедитесь, что на финальном экране установщика было указано, что DeepSeek Harness готов к работе, и приложите этот вывод вместе с тестовым сообщением OpenDesign при обращении в поддержку.
Является ли DeepSeek Harness официальным проектом DeepSeek?
Да. Репозиторий опубликован в организации `deepseek-ai` на GitHub, и dsh описан как агентная оболочка, разработанная DeepSeek AI. Проект распространяется по лицензии MIT и явно помечен как developer preview.
Начните первую задачу по дизайну с DeepSeek Harness
Начните с небольшой задачи, оцените результат обмена, а затем переходите к реальному брифу. Выберите вариант, соответствующий вашей настройке; страница не определяет её автоматически.