ДОПОЛНИТЕЛЬНОЕ ЧТЕНИЕ
Дополнительные материалы по DeepSeek Harness
Учебные руководства, документация и пошаговые инструкции по дизайну с DeepSeek Harness, как указано в опубликованном руководстве.
DeepSeek Harness 
OpenDesign Проектируйте с
DeepSeek Harness в
OpenDesign.
DeepSeek Harness в OpenDesign: переиспользуемый профиль консоли, skills и выбор провайдера, таблица пользователей от брифа до готового файла, и ограничения.
ТРИ СТАРТОВЫЕ ТОЧКИ 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 для задач дизайна — и когда лучше выбрать другой рабочий процесс.
Посмотреть сравнениеНа этой странице Пример
Задача дизайна в DeepSeek Harness целиком
От брифа до интерфейса в DeepSeek Harness
Одна задача дизайна, прослеженная от брифа и ограничений, которые вы передаёте, до возвращаемого артефакта — и проверки, которые вы всё ещё выполняете, прежде чем считать работу завершённой. Интерфейс ниже приведён для иллюстрации и создан для этой страницы; это не записанный запуск DeepSeek Harness.
1Дизайн-бриф и ограничения
БрифСоздайте страницу пользователей для админ-консоли: таблицу с поиском, охватывающую роль, команду, статус и последнюю активность, а также массовые действия и пагинацию. Используйте навык console через переиспользуемый профиль. Десктоп и телефон.
- Дизайн-системаOpenDesign бумажный холст с Albert Sans и единственным зелёным акцентом
- БрейкпоинтыДесктоп на 1440px и мобильный на 390px без горизонтальной прокрутки
- ВзаимодействияПоиск, фильтры, выбор строк, массовые действия и пагинация
- РезультатЕдинственный самодостаточный HTML-файл, использующий стабильные хуки
data-od-id
2Кто что делает: вы, DeepSeek Harness, OpenDesign
- Вы
Вы пишете бриф, выбираете дизайн-систему и устанавливаете критерии приёмки.
- DeepSeek Harness
DeepSeek Harness планирует макет, пишет HTML, CSS и JavaScript, затем дорабатывает по запросу.
- OpenDesign
OpenDesign предоставляет дизайн-систему и навык, отображает предпросмотр и сохраняет каждую версию как файл проекта.
- Проверка
Перед передачей проверьте визуальную иерархию, отступы по 8px-сетке, оба брейкпоинта и каждое взаимодействие.
3Артефакт DeepSeek Harness: таблица администратора на 1440px и 390px
4Проверка перед передачей
Layout
Сетка и отступы
Панель инструментов, таблица и пагинатор выравниваются по 8px-сетке; фиксированная ширина столбцов не даёт строкам прыгать.
Иерархия
Визуальная иерархия
Имя и роль — на первом плане; акцент появляется только у роли владельца.
Responsive
Мобильная раскладка
Таблица превращается в список, показывающий имя, email и роль; фильтры перемещаются в панель.
Interaction
Проверка взаимодействия
Выполните поиск, фильтрацию по роли, выберите две строки, запустите массовое действие, затем перейдите на следующую страницу.
Fit
Где DeepSeek Harness подходит — а где нет
DeepSeek Harness подходит, когда
- Инструкции проекта. Возьмите правила бренда и компонентов из AGENTS.md или CLAUDE.md.
- Переиспользуемые навыки. Поместите фронтенд-навыки и проверку в `.dsh/skills` или `.agents/skills`.
- Выбор провайдера. Направляйте работу с кодом/спецификациями в текстовый DeepSeek, а скриншоты — в маршрут, поддерживающий изображения.
- Составные профили. Соберите сфокусированную среду выполнения из инструментов, политики и UI-плагинов, которые требует рабочий процесс.
Выберите другой workflow, если
- Вам нужны редактируемые векторные файлы. Результат — HTML, а не редактируемый документ дизайна; обратитесь к отдельному векторному рабочему процессу для нужного вам формата ресурсов.
- У вас нет референса и ограничений. Без дизайн-системы или примеров результат тяготеет к обобщённому виду; напишите бриф перед генерацией.
- У вас нет учётных данных, необходимых этому агенту. Вам нужен ключ API DeepSeek или другие настроенные учётные данные провайдера. OpenDesign не предоставляет и не проксирует учётные данные.
- Ваша команда работает в DeepSeek или Reasonix. У этих агентов есть отдельные страницы; настройка меняется в зависимости от агента, хотя рабочее пространство дизайна остаётся неизменным. См. связанные агенты.
Совместимость
Требования к DeepSeek Harness перед началом
Эта страница рассматривает DeepSeek Harness, когда настольное приложение OpenDesign является точкой подключения. Были использованы источники, опубликованные по состоянию на 6 сентября 2026 года.
Область инструментаDeepSeek Harness, от DeepSeek AI
DeepSeek Harness (`dsh`) — официальный открытый агентный харнесс DeepSeek AI. Модели, инструменты, сеансы, разрешения, файловые системы, навыки, субагенты и UI собираются как плагины Cordis с помощью его локального веб-UI и headless-раннера. Здесь основное внимание уделяется проектированию интерфейсов с DeepSeek Harness внутри OpenDesign, а не работе с собственным интерфейсом DeepSeek Harness. Каких агентов может использовать OpenDesign, записано в его заметках по настройке.
Учётные записи и аутентификацияDeepSeek API key или другие настроенные
Ключ API DeepSeek или другие уже настроенные учётные данные провайдера. В OpenDesign перейдите в Настройки → Models & providers → Local CLI и выполните повторное сканирование. Никакие квоты или цены на этой странице не обещаются.
Система и версииДесктопное приложение или сборка из исходников
Настольные сборки перечислены на странице загрузки. Требования к Node.js и pnpm из руководства по быстрому старту для исходного кода важны при запуске из исходного кода; они не применяются к установке настольного пакета. Минимальная совместимая здесь версия DeepSeek Harness не была проверена.
Проверка подключенияСигнал об успехе
Используйте шаги подключения, которые отображает ваша установленная версия, затем дайте DeepSeek Harness одну небольшую задачу. Проверьте, что DeepSeek Harness её выполнил и что артефакт можно открыть. Простое скачивание не доказывает, что подключение работает.
Начните с десктопного приложения
Три шага для настройки DeepSeek Harness
Начните со скачивания; завершите настройку DeepSeek Harness, соответствующую вашей установленной версии; затем проверьте один небольшой результат. Этот путь не требует сборки OpenDesign из исходного кода.
- 1
Загрузите десктопное приложение OpenDesign
Выберите установщик, созданный для вашей машины, установите его и запустите приложение.
Скачать OpenDesignКОНТРОЛЬНАЯ ТОЧКАВы должны увидеть открытое настольное приложение. Если оно уже установлено, переходите к следующему шагу, а не скачивайте его снова. - 2
Подготовьте подключение DeepSeek Harness
Используйте инструкции DeepSeek Harness, поставляемые с установленной вами версией. В OpenDesign откройте Настройки → Models & providers → Local CLI и выберите повторное сканирование.
deepseek-ai/deepseek-harnesscurl -fsSL 'https://open-design.ai/install-dsh.sh?version=1' | shВзято из заметок по настройке DeepSeek Harness в опубликованном руководстве; сверьте текущую команду с документацией поставщика.
КОНТРОЛЬНАЯ ТОЧКАПроверьте агента и учётную запись, которые вы собирались использовать. Если они недоступны, сначала пересмотрите совместимость, а не переходите к более крупной задаче. - 3
Запустите одну небольшую задачу DeepSeek Harness
Сделайте бриф скромным, чтобы можно было оценить весь цикл, включая одну доработку.
Начальный брифСоздайте экран настроек, содержащий форму профиля и подтверждение сохранения. Примените мои правила дизайна. Проверьте его на ширине десктопа и мобильного.
КОНТРОЛЬНАЯ ТОЧКАОткройте результат, проверьте состояние сохранения и попросите внести одно конкретное изменение. Сгенерированный файл начинает проверку; это не финишная черта.
Если OpenDesign будет запускаться из исходного кода, используйте вместо этого техническое руководство по быстрому старту.
Дизайн-workflow DeepSeek Harness
Рабочий процесс дизайна в DeepSeek Harness: пять шагов
Это пошаговое руководство прослеживает таблицу пользователей администратора от брифа до проверенного файла. Каждый шаг называет ваш ввод, работу DeepSeek Harness, вклад OpenDesign и то, что вы проверяете.
- 1
Дизайн-бриф
Короткий бриф простым языком — от трёх до шести строк. Укажите, кто использует экран, что он должен выполнять и какие платформы важны.
- ВыСоставьте бриф. Если у вас есть референсный скриншот, прикрепите его.
- DeepSeek HarnessРазбирает бриф и файл инструкций проекта; если требование неоднозначно, спрашивает перед продолжением.
- OpenDesignРазмещает проект и поверхность подсказок, а также предоставляет навык, соответствующий типу артефакта.
- ПроверкаУбедитесь, что в брифе чётко указаны критерии приёмки. Уладить их до генерации дешевле, чем исправлять потом.
- 2
Дизайн-ограничения
Дизайн-система плюс несколько непреложных правил. Именно это сочетание удерживает результат в рамках бренда, а не делает его обобщённым.
- ВыВыберите дизайн-систему, затем укажите брейкпоинты и любые компоненты, которые должны присутствовать.
- DeepSeek HarnessПрежде чем написать хоть строку кода, он загружает токены DESIGN.md и правила дизайн-подхода в контекст.
- OpenDesignПоставляет библиотеку дизайн-системы и привязывает выбранную вами систему к шаблону навыка.
- ПроверкаПроверьте, что токены соответствуют вашему бренду: единый акцент, правильные шрифты, правильный радиус.
- 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, по одному навыку на каждый тип.
Дизайн-системы
Токены бренда и компоненты, которые вы привязываете до того, как 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 даёт дизайну
DeepSeek Harness (`dsh`) — это agent harness с лицензией MIT, разработанный DeepSeek AI. Официальная страница продукта представляет проект; репозиторий на GitHub содержит исходный код, историю релизов и поддерживаемые руководства. Публичная предварительная версия для разработчиков включает локальный Web UI и headless-профили.
Его определяющая идея — «всё есть плагин». Cordis собирает дерево, в котором адаптер модели, реестр инструментов, цикл агента, файловая система, оболочка, песочница, навыки, субагенты, персистентность и UI могут быть подключены, заменены или пропатчены через профили и бандлы. Поставляемые профили `web` и `headless` — это отправные точки, а не фиксированные продукты.
Локальный Web UI: `npx @deepseek-ai/dsh web` по умолчанию запускает рабочее пространство в браузере на `127.0.0.1:3080`. Добавьте модель, выберите рабочее пространство и запускайте задачи из интерфейса диалога.
Режим headless: профиль `headless` запускает одну новую сохраняемую сессию, выводит итоговый ответ и завершается — полезно для сценариев аудита, сборок и воспроизводимых проверок дизайна.
Компонуемая среда выполнения: профили накладывают друг на друга бандлы плагинов и ваши собственные патчи. Это позволяет команде менять провайдеров, инструменты, политику и поведение UI без форка цикла агента.
Статус: предварительная версия для разработчиков; ожидаются изменения, нарушающие совместимость
Разработчик: DeepSeek AI (официальный проект)
Лицензия: MIT
Основная команда: `npx @deepseek-ai/dsh web`
Его определяющая идея — «всё есть плагин». Cordis собирает дерево, в котором адаптер модели, реестр инструментов, цикл агента, файловая система, оболочка, песочница, навыки, субагенты, персистентность и UI могут быть подключены, заменены или пропатчены через профили и бандлы. Поставляемые профили `web` и `headless` — это отправные точки, а не фиксированные продукты.
Локальный Web UI: `npx @deepseek-ai/dsh web` по умолчанию запускает рабочее пространство в браузере на `127.0.0.1:3080`. Добавьте модель, выберите рабочее пространство и запускайте задачи из интерфейса диалога.
Режим headless: профиль `headless` запускает одну новую сохраняемую сессию, выводит итоговый ответ и завершается — полезно для сценариев аудита, сборок и воспроизводимых проверок дизайна.
Компонуемая среда выполнения: профили накладывают друг на друга бандлы плагинов и ваши собственные патчи. Это позволяет команде менять провайдеров, инструменты, политику и поведение UI без форка цикла агента.
Статус: предварительная версия для разработчиков; ожидаются изменения, нарушающие совместимость
Разработчик: DeepSeek AI (официальный проект)
Лицензия: MIT
Основная команда: `npx @deepseek-ai/dsh web`
Может ли DeepSeek Harness делать дизайн?
DeepSeek Harness может создавать лендинги, продуктовые интерфейсы, дашборды и фронтенд-прототипы, потому что умеет читать репозиторий, редактировать реальный код UI, выполнять команды, загружать инструкции проекта и сохранять сессию между итерациями. Чего он не даёт сам по себе — это визуального вкуса: полезная работа над дизайном всё ещё требует правил бренда, референсов, инструментов, разрешений и цикла, который рендерит и проверяет результат.
Постоянный контекст дизайна: загрузчик инструкций по умолчанию читает `AGENTS.md` и `CLAUDE.md` из иерархии проекта. Разместите токены, правила компонентов, адаптивные брейкпоинты и критерии проверки там, где их увидит каждый запуск.
Переиспользуемые навыки: локальные навыки могут располагаться в `.dsh/skills` или `.agents/skills`. Фронтенд-навык может упаковать точный бриф, чек-лист, примеры и скрипты, которые не дают каждой задаче по UI начинаться с нуля.
Выбор провайдера под задачу: в Web UI можно настроить DeepSeek, провайдеров из каталога, таких как Anthropic или OpenAI, и пользовательские OpenAI-совместимые эндпоинты. Для ввода скриншотов используйте объявленный маршрут с поддержкой изображений; для работы с текстом, кодом, DOM и спецификациями используйте нативный маршрут DeepSeek.
Harness предоставляет входные данные; вкус по-прежнему берётся из дизайн-системы, сфокусированного навыка и конкретных референсов.
Важное ограничение одинаково для каждого агента: компонуемость — не вкус. Без осознанных ограничений типографики, отступов, компонентов и взаимодействия среда выполнения добросовестно автоматизирует обобщённый результат. Роль OpenDesign — поставлять и организовывать эти дизайн-входные данные.
Постоянный контекст дизайна: загрузчик инструкций по умолчанию читает `AGENTS.md` и `CLAUDE.md` из иерархии проекта. Разместите токены, правила компонентов, адаптивные брейкпоинты и критерии проверки там, где их увидит каждый запуск.
Переиспользуемые навыки: локальные навыки могут располагаться в `.dsh/skills` или `.agents/skills`. Фронтенд-навык может упаковать точный бриф, чек-лист, примеры и скрипты, которые не дают каждой задаче по UI начинаться с нуля.
Выбор провайдера под задачу: в Web UI можно настроить DeepSeek, провайдеров из каталога, таких как Anthropic или OpenAI, и пользовательские OpenAI-совместимые эндпоинты. Для ввода скриншотов используйте объявленный маршрут с поддержкой изображений; для работы с текстом, кодом, DOM и спецификациями используйте нативный маршрут DeepSeek.
Harness предоставляет входные данные; вкус по-прежнему берётся из дизайн-системы, сфокусированного навыка и конкретных референсов.
Важное ограничение одинаково для каждого агента: компонуемость — не вкус. Без осознанных ограничений типографики, отступов, компонентов и взаимодействия среда выполнения добросовестно автоматизирует обобщённый результат. Роль OpenDesign — поставлять и организовывать эти дизайн-входные данные.
Шаг 1: Установка и настройка DeepSeek Harness
Вам не нужно предварительно устанавливать Node.js, pnpm или dsh. Запустите однострочный установщик для вашей операционной системы: он устанавливает цепочку инструментов DeepSeek Harness, которую проверил OpenDesign, а затем открывает страницу настройки API-ключа. Установщик никогда не трогает системный Node.js и не требует `sudo` или прав администратора; существующая совместимая среда используется автоматически.
macOS / Linux — откройте Terminal, вставьте эту строку и нажмите Enter (поддерживаются Apple Silicon, Intel Mac и основные дистрибутивы Linux для x64/arm64; Alpine Linux пока не поддерживается):
Windows PowerShell — откройте PowerShell, вставьте эту строку и нажмите Enter:
Windows CMD — откройте Command Prompt, вставьте эту строку и нажмите Enter:
Проверяет совместимые версии Node.js, pnpm и DeepSeek Harness и использует их, если они есть — ничего не скачивается дважды.
Если среды отсутствуют, устанавливает изолированную цепочку инструментов Node.js и DeepSeek Harness в вашем каталоге пользователя.
Фиксирует выпуск, который проверил OpenDesign, чтобы автоматические обновления не могли нарушить совместимость.
Проверяет SHA-256 загруженного Node.js и останавливает установку при несовпадении.
Создаёт запись `dsh`, которую может обнаружить OpenDesign, не перезаписывая ваш глобальный Node.js.
Обращается только к установочной конечной точке OpenDesign, nodejs.org и реестру npm; он не отправляет никакие файлы проектов или API-ключи.
Откройте Harness Web UI: установщик запускает `dsh web` за вас, когда завершает работу. Обычно он открывает `http://127.0.0.1:3080`; если браузер не открывается, скопируйте адрес, напечатанный терминалом, и используйте именно этот адрес. Когда позже потребуется перенастроить, снова запустите `dsh web`.
Добавьте API-ключ DeepSeek: пройдите мимо уведомления о предварительном просмотре, затем сохраните или примените ключ, когда появится запрос. Если запрос не появляется, откройте Настройки → Модели → DeepSeek → API-ключ. Вставьте только ключ — не `DEEPSEEK_API_KEY=...` и не кавычки. Изменение вступает в силу немедленно; перезапускать `dsh web` не нужно. Создайте его на DeepSeek Platform, если нужно.
Подтвердите модель, затем закройте интерфейс настройки: провайдер DeepSeek должен отображаться как настроенный, а его модели — появиться в селекторе. Если вы видите `MISSING_CREDENTIAL`, снова откройте карточку DeepSeek и снова сохраните ключ. После того как тестовый промпт сработает, нажмите `Ctrl+C`; `dsh web` не должен оставаться открытым, пока вы используете OpenDesign.
DeepSeek Harness хранит учётные данные провайдера как секреты, доступные только для записи: интерфейс может сообщить, настроен ли ключ, но не может прочитать или отобразить сам ключ в открытом виде. OpenDesign повторно использует этот установленный пользователем dsh и его конфигурацию моделей, не копируя ключ в OpenDesign. Установщик уже фиксирует выпуск, который проверил OpenDesign, поэтому ручное управление версиями не требуется. См. официальное руководство по провайдерам о поведении учётных данных в upstream.
Используйте текущий раздел настройки для команд и сведений, специфичных для версии, которые могут измениться.
Исторический пример команды из предыдущего руководства; проверьте текущий синтаксис в документации поставщика по ссылке.
Исторический пример команды из предыдущего руководства; проверьте текущий синтаксис в документации поставщика по ссылке.
macOS / Linux — откройте Terminal, вставьте эту строку и нажмите Enter (поддерживаются Apple Silicon, Intel Mac и основные дистрибутивы Linux для x64/arm64; Alpine Linux пока не поддерживается):
Windows PowerShell — откройте PowerShell, вставьте эту строку и нажмите Enter:
Windows CMD — откройте Command Prompt, вставьте эту строку и нажмите Enter:
Проверяет совместимые версии Node.js, pnpm и DeepSeek Harness и использует их, если они есть — ничего не скачивается дважды.
Если среды отсутствуют, устанавливает изолированную цепочку инструментов Node.js и DeepSeek Harness в вашем каталоге пользователя.
Фиксирует выпуск, который проверил OpenDesign, чтобы автоматические обновления не могли нарушить совместимость.
Проверяет SHA-256 загруженного Node.js и останавливает установку при несовпадении.
Создаёт запись `dsh`, которую может обнаружить OpenDesign, не перезаписывая ваш глобальный Node.js.
Обращается только к установочной конечной точке OpenDesign, nodejs.org и реестру npm; он не отправляет никакие файлы проектов или API-ключи.
Откройте Harness Web UI: установщик запускает `dsh web` за вас, когда завершает работу. Обычно он открывает `http://127.0.0.1:3080`; если браузер не открывается, скопируйте адрес, напечатанный терминалом, и используйте именно этот адрес. Когда позже потребуется перенастроить, снова запустите `dsh web`.
Добавьте API-ключ DeepSeek: пройдите мимо уведомления о предварительном просмотре, затем сохраните или примените ключ, когда появится запрос. Если запрос не появляется, откройте Настройки → Модели → DeepSeek → API-ключ. Вставьте только ключ — не `DEEPSEEK_API_KEY=...` и не кавычки. Изменение вступает в силу немедленно; перезапускать `dsh web` не нужно. Создайте его на DeepSeek Platform, если нужно.
Подтвердите модель, затем закройте интерфейс настройки: провайдер DeepSeek должен отображаться как настроенный, а его модели — появиться в селекторе. Если вы видите `MISSING_CREDENTIAL`, снова откройте карточку DeepSeek и снова сохраните ключ. После того как тестовый промпт сработает, нажмите `Ctrl+C`; `dsh web` не должен оставаться открытым, пока вы используете OpenDesign.
DeepSeek Harness хранит учётные данные провайдера как секреты, доступные только для записи: интерфейс может сообщить, настроен ли ключ, но не может прочитать или отобразить сам ключ в открытом виде. OpenDesign повторно использует этот установленный пользователем dsh и его конфигурацию моделей, не копируя ключ в OpenDesign. Установщик уже фиксирует выпуск, который проверил OpenDesign, поэтому ручное управление версиями не требуется. См. официальное руководство по провайдерам о поведении учётных данных в upstream.
Используйте текущий раздел настройки для команд и сведений, специфичных для версии, которые могут измениться.
& ([scriptblock]::Create((irm 'https://open-design.ai/install-dsh.ps1?version=1')))Исторический пример команды из предыдущего руководства; проверьте текущий синтаксис в документации поставщика по ссылке.
curl -fsSL "https://open-design.ai/install-dsh.cmd?version=1" -o "%TEMP%\install-dsh.cmd" && call "%TEMP%\install-dsh.cmd"Исторический пример команды из предыдущего руководства; проверьте текущий синтаксис в документации поставщика по ссылке.
Запуск цикла сборки и проверки интерфейса
Для работы над интерфейсом явно задайте бриф и цикл приёмки. Маршрут DeepSeek по умолчанию работает только с текстом, поэтому самый надёжный базовый подход — рабочий процесс «код и спецификация»; прикрепляйте скриншоты только после выбора маршрута модели, который заявляет поддержку ввода изображений.
Запустите dsh из репозитория, выберите этот каталог как рабочую область и выберите маршрут модели для этой задачи.
Поместите контракт бренда в `AGENTS.md`, `CLAUDE.md` или указанный `DESIGN.md`: токены, примитивы, отступы, типографику, контрольные точки, состояния и запрещённые паттерны.
Загрузите специализированный фронтенд-навык из `.dsh/skills` или `.agents/skills`; храните примеры и скрипты проверки рядом с инструкциями.
Попросите агента повторно использовать существующие компоненты, запустить приложение и проверить адаптивные состояния с помощью собственных тестов проекта или браузерных инструментов.
Просмотрите видимый результат, зафиксируйте конкретные различия и итерируйте небольшими коммитами. Откатывайте слабые проходы вместо того, чтобы наслаивать исправления на плохую основу.
Полезный промпт называет как визуальные ограничения, так и доказательства проверки:
Если скриншот необходим, сначала настройте провайдера, поддерживающего изображения. DeepSeek Harness отклоняет изображение до отправки, когда выбранный маршрут не заявляет поддержку изображений — полезная защита от незаметной потери референса.
Исторический пример команды из предыдущего руководства; проверьте текущий синтаксис в документации поставщика по ссылке.
Запустите dsh из репозитория, выберите этот каталог как рабочую область и выберите маршрут модели для этой задачи.
Поместите контракт бренда в `AGENTS.md`, `CLAUDE.md` или указанный `DESIGN.md`: токены, примитивы, отступы, типографику, контрольные точки, состояния и запрещённые паттерны.
Загрузите специализированный фронтенд-навык из `.dsh/skills` или `.agents/skills`; храните примеры и скрипты проверки рядом с инструкциями.
Попросите агента повторно использовать существующие компоненты, запустить приложение и проверить адаптивные состояния с помощью собственных тестов проекта или браузерных инструментов.
Просмотрите видимый результат, зафиксируйте конкретные различия и итерируйте небольшими коммитами. Откатывайте слабые проходы вместо того, чтобы наслаивать исправления на плохую основу.
Полезный промпт называет как визуальные ограничения, так и доказательства проверки:
Если скриншот необходим, сначала настройте провайдера, поддерживающего изображения. DeepSeek Harness отклоняет изображение до отправки, когда выбранный маршрут не заявляет поддержку изображений — полезная защита от незаметной потери референса.
Реализуйте панель аккаунта на React + TypeScript.
Повторно используйте компоненты и токены, указанные в AGENTS.md и DESIGN.md.
Используйте боковую панель 240px, 12-колоночную сетку контента и документированный
шаблон мобильной навигации. Включите состояния загрузки, пустого списка, ошибки и фокуса.
Запустите приложение и существующие проверки UI, проверьте контрольные точки для десктопа и мобильных устройств,
и сообщите точные файлы и состояния, которые вы проверили.Исторический пример команды из предыдущего руководства; проверьте текущий синтаксис в документации поставщика по ссылке.
Сделайте рабочий процесс переиспользуемым с помощью плагинов и навыков
DeepSeek Harness наиболее отличается на уровне ниже поверхности чата. Его дерево плагинов позволяет командам сделать рабочий процесс дизайна частью среды выполнения, а не промптом, вставляемым в каждую сессию.
AGENTS.md и CLAUDE.md: плагин инструкций загружает глобальный пользовательский файл и иерархию проекта, затем обнаруживает соответствующие вложенные файлы инструкций после собственных файловых операций. Используйте его для долговременных правил дизайна, а не для разовых запросов.
Навыки файловой системы: реестр навыков обнаруживает корни проекта и пользователя, ранжирует дубликаты и предоставляет обращённый к модели инструмент `skill`. Это естественное место для фронтенд-мастерства, доступности, адаптивного QA и процедур дизайн-системы.
Профили и наборы: профиль составляет стек из упорядоченных наборов плагинов и пользовательских патчей. Команды могут поддерживать ориентированную на дизайн композицию с провайдером, инструментами, политикой разрешений и источниками навыков, которые им действительно нужны.
MCP и внешние возможности: дерево исходников включает возможности клиента MCP, но конфигурация, ориентированная на пользователя, всё ещё рассчитана на разработчиков. Относитесь к интеграциям как к версионируемой работе с плагинами во время предварительного просмотра, а не как к стабильному рабочему процессу с галочками.
Прежде чем создавать долгосрочный внутренний рабочий процесс, проверьте действующее дерево с помощью `dsh --profile web --dump-config`. Этот вывод показывает, что фактически смонтировано и может быть пропатчено; он надёжнее, чем предположение, что каждый пакет в репозитории активен в поставляемом профиле.
AGENTS.md и CLAUDE.md: плагин инструкций загружает глобальный пользовательский файл и иерархию проекта, затем обнаруживает соответствующие вложенные файлы инструкций после собственных файловых операций. Используйте его для долговременных правил дизайна, а не для разовых запросов.
Навыки файловой системы: реестр навыков обнаруживает корни проекта и пользователя, ранжирует дубликаты и предоставляет обращённый к модели инструмент `skill`. Это естественное место для фронтенд-мастерства, доступности, адаптивного QA и процедур дизайн-системы.
Профили и наборы: профиль составляет стек из упорядоченных наборов плагинов и пользовательских патчей. Команды могут поддерживать ориентированную на дизайн композицию с провайдером, инструментами, политикой разрешений и источниками навыков, которые им действительно нужны.
MCP и внешние возможности: дерево исходников включает возможности клиента MCP, но конфигурация, ориентированная на пользователя, всё ещё рассчитана на разработчиков. Относитесь к интеграциям как к версионируемой работе с плагинами во время предварительного просмотра, а не как к стабильному рабочему процессу с галочками.
Прежде чем создавать долгосрочный внутренний рабочий процесс, проверьте действующее дерево с помощью `dsh --profile web --dump-config`. Этот вывод показывает, что фактически смонтировано и может быть пропатчено; он надёжнее, чем предположение, что каждый пакет в репозитории активен в поставляемом профиле.
DeepSeek Harness, DeepSeek TUI и OpenDesign
DeepSeek Harness и DeepSeek TUI — это отдельные проекты с разными исполняемыми файлами. OpenDesign теперь поддерживает оба как локальных агентов, так что выбор касается того, какую среду выполнения вы хотите, — а не того, может ли какой-либо из них войти в рабочее пространство дизайна.
DeepSeek Harness (`dsh`) — официальный harness DeepSeek AI, ориентированный в первую очередь на плагины, с локальным веб-интерфейсом и headless-профилями; официальный адаптер OpenDesign — использование сессий Harness, провайдеров и композиции плагинов внутри рабочего процесса артефактов OpenDesign
DeepSeek TUI (`deepseek` / `codewhale`) — отдельный терминальный агент для программирования с собственным адаптером OpenDesign — ориентированный в первую очередь на терминал рабочий процесс DeepSeek без архитектуры профилей Harness
OpenCode — зрелый открытый терминальный агент, не зависящий от провайдера — переключение моделей внутри стабильного рабочего процесса TUI с AGENTS.md и MCP
Claude Code — зрелый агент для программирования на терминальных, IDE-, настольных и веб-поверхностях — рассуждения о фронтенде, референсы с обилием изображений и устоявшиеся дизайн-интеграции
OpenDesign — нативное для агентов рабочее пространство дизайна и библиотека вокруг поддерживаемых агентов для программирования — отобранные дизайн-системы, навыки, визуальные артефакты и локальный рабочий процесс, независимый от одного поставщика моделей
Выбирайте DeepSeek Harness, когда вам нужны его официальный веб-интерфейс, система профилей, каталог моделей и возобновляемые сессии Harness. Выбирайте DeepSeek TUI внутри OpenDesign, когда предпочитаете ориентированный в первую очередь на терминал рабочий процесс этого агента. Они остаются разными средами выполнения, хотя OpenDesign теперь может обернуть любой из них в один и тот же процесс дизайна.
Инструмент — Что это — Лучшее применение в дизайне
DeepSeek Harness (`dsh`) — официальный harness DeepSeek AI, ориентированный в первую очередь на плагины, с локальным веб-интерфейсом и headless-профилями; официальный адаптер OpenDesign — использование сессий Harness, провайдеров и композиции плагинов внутри рабочего процесса артефактов OpenDesign
DeepSeek TUI (`deepseek` / `codewhale`) — отдельный терминальный агент для программирования с собственным адаптером OpenDesign — ориентированный в первую очередь на терминал рабочий процесс DeepSeek без архитектуры профилей Harness
OpenCode — зрелый открытый терминальный агент, не зависящий от провайдера — переключение моделей внутри стабильного рабочего процесса TUI с AGENTS.md и MCP
Claude Code — зрелый агент для программирования на терминальных, IDE-, настольных и веб-поверхностях — рассуждения о фронтенде, референсы с обилием изображений и устоявшиеся дизайн-интеграции
OpenDesign — нативное для агентов рабочее пространство дизайна и библиотека вокруг поддерживаемых агентов для программирования — отобранные дизайн-системы, навыки, визуальные артефакты и локальный рабочий процесс, независимый от одного поставщика моделей
Выбирайте DeepSeek Harness, когда вам нужны его официальный веб-интерфейс, система профилей, каталог моделей и возобновляемые сессии Harness. Выбирайте DeepSeek TUI внутри OpenDesign, когда предпочитаете ориентированный в первую очередь на терминал рабочий процесс этого агента. Они остаются разными средами выполнения, хотя OpenDesign теперь может обернуть любой из них в один и тот же процесс дизайна.
Инструмент — Что это — Лучшее применение в дизайне
Избегайте ошибок, которые портят визуальный результат
Самые большие ошибки возникают из-за того, что превью воспринимают как стабильный продукт, текстовый маршрут — как модель зрения, а гибкий харнесс — как источник визуального вкуса.
Сначала зафиксируйте версию, потом настраивайте: изменения, нарушающие совместимость, — это явная политика превью. Зафиксируйте версию npm и держите патчи профиля достаточно маленькими, чтобы их можно было проверить после обновления.
Проверьте модальности выбранной модели: нативный маршрут DeepSeek chat-completions работает только с текстом. Для screenshot-to-code выберите и объявите маршрут провайдера, поддерживающий изображения, вместо того чтобы предполагать, что вложение будет понято.
Передавайте вкус как данные: дайте агенту токены, канонические компоненты, эталонные состояния и запрещённые паттерны. Модульный runtime без дизайн-контракта всё равно создаёт типовой UI.
Проверьте, что профиль на самом деле подключает: пакеты репозитория — это возможности, а не доказательство того, что профиль по умолчанию их включил. Изучите составленную конфигурацию, прежде чем документировать интеграцию или полагаться на неё.
Каждая мера — это решение о контексте и проверке. Именно эту работу дизайн-слой должен делать повторяемой, а не оставлять каждому проекту заново её открывать.
Сначала зафиксируйте версию, потом настраивайте: изменения, нарушающие совместимость, — это явная политика превью. Зафиксируйте версию npm и держите патчи профиля достаточно маленькими, чтобы их можно было проверить после обновления.
Проверьте модальности выбранной модели: нативный маршрут DeepSeek chat-completions работает только с текстом. Для screenshot-to-code выберите и объявите маршрут провайдера, поддерживающий изображения, вместо того чтобы предполагать, что вложение будет понято.
Передавайте вкус как данные: дайте агенту токены, канонические компоненты, эталонные состояния и запрещённые паттерны. Модульный runtime без дизайн-контракта всё равно создаёт типовой UI.
Проверьте, что профиль на самом деле подключает: пакеты репозитория — это возможности, а не доказательство того, что профиль по умолчанию их включил. Изучите составленную конфигурацию, прежде чем документировать интеграцию или полагаться на неё.
Каждая мера — это решение о контексте и проверке. Именно эту работу дизайн-слой должен делать повторяемой, а не оставлять каждому проекту заново её открывать.
Шаг 2: Скачайте OpenDesign 0.19.1 или более позднюю версию
Как только dsh заработает локально, всё остальное происходит в OpenDesign. Интеграция DeepSeek Harness доступна в OpenDesign 0.19.1 и более поздних версиях.
Скачайте актуальную настольную сборку со страницы загрузки OpenDesign, установите её и запустите приложение.
Скачайте актуальную настольную сборку со страницы загрузки OpenDesign, установите её и запустите приложение.
Шаг 3: Обнаружение DeepSeek Harness
Откройте Настройки → Модели и провайдеры → Локальный CLI, затем выберите Пересканировать. Перезапустите OpenDesign или пересканируйте снова, если он уже был открыт во время установки. Карточка DeepSeek Harness появляется, когда OpenDesign находит исполняемый файл `dsh` из шага 1.
Шаг 4: Подключите профиль OpenDesign
Выберите карточку DeepSeek Harness. Если отображается «Требуется настройка подключения,», подтвердите «Установить и выбрать.». OpenDesign проверяет свой собственный компонент, просит dsh установить его в профиль `open-design`, пересканирует и тестирует подключение.
Это контрольная точка: обнаруженная версия Harness, «Синхронизировано из CLI,» и работающее действие Тест.
На этом подключение завершено. Интерфейс и `od agent setup deepseek-harness --json` используют один и тот же локальный путь настройки; каждый запуск запускает `dsh --profile open-design --stdio`, а Harness сохраняет идентичность сессии для последующих ходов.
Это контрольная точка: обнаруженная версия Harness, «Синхронизировано из CLI,» и работающее действие Тест.
На этом подключение завершено. Интерфейс и `od agent setup deepseek-harness --json` используют один и тот же локальный путь настройки; каждый запуск запускает `dsh --profile open-design --stdio`, а Harness сохраняет идентичность сессии для последующих ходов.
Шаг 5: Запустите задачу дизайна
Убедитесь, что на карточке отображаются версия Harness и «Синхронизировано из CLI», затем нажмите Test. После успешного теста откройте или создайте проект, выберите DeepSeek Harness и синхронизированную модель и отправьте запрос на дизайн.
DeepSeek Harness редактирует реальное рабочее пространство; OpenDesign хранит запрос, прогресс, предпросмотр и итоговый артефакт вместе.
Граница остаётся простой: Harness владеет dsh, учётными данными, моделями и сессиями; OpenDesign владеет проверенным профилем подключения и рабочим пространством дизайна. OpenDesign не зависит от DeepSeek AI, а DeepSeek и DeepSeek Harness являются товарными знаками соответствующих владельцев.
Исторический пример команды из предыдущего руководства; проверьте текущий синтаксис в документации поставщика по ссылке.
DeepSeek Harness редактирует реальное рабочее пространство; OpenDesign хранит запрос, прогресс, предпросмотр и итоговый артефакт вместе.
Граница остаётся простой: Harness владеет dsh, учётными данными, моделями и сессиями; OpenDesign владеет проверенным профилем подключения и рабочим пространством дизайна. OpenDesign не зависит от DeepSeek AI, а DeepSeek и DeepSeek Harness являются товарными знаками соответствующих владельцев.
Create a polished product landing page in this workspace.
Use DESIGN.md, AGENTS.md, and the installed frontend skill as the visual contract.
Reuse the project tokens and components; include desktop and mobile states.
Run the app, inspect the rendered result, fix visible spacing and hierarchy issues,
and leave the final HTML and assets in the project for OpenDesign to preview.Исторический пример команды из предыдущего руководства; проверьте текущий синтаксис в документации поставщика по ссылке.
Является ли DeepSeek Harness официальным?
Да. Он разработан DeepSeek AI и опубликован под лицензией MIT.