Создавайте дизайн с DeepSeek Harness.
DeepSeek Harness может создавать целевые страницы, интерфейсы продуктов, панели мониторинга и frontend-прототипы, поскольку умеет читать репозиторий, редактировать реальный код UI, выполнять команды, загружать инструкции проекта и сохранять сессию между итерациями. Сам по себе он, однако, не обеспечивает визуальный вкус: для качественной работы над дизайном по-прежнему нужны правила бренда, примеры, инструменты, разрешения и цикл визуализации и проверки результата.
Для работы над интерфейсами явно формулируйте задание и цикл приёмки. Стандартный маршрут DeepSeek поддерживает только текст, поэтому самый надёжный базовый вариант — процесс на основе кода и спецификации; прикладывайте скриншоты только после выбора маршрута модели с заявленной поддержкой изображений.
При этом модели всё равно нужны визуальные ориентиры. Проще всего предоставить их, подключив DeepSeek Harness к Open Design: Open Design добавляет дизайн-систему, навыки frontend-разработки, предпросмотр артефактов и интерфейс проверки, а dsh выполняет программирование. Это руководство описывает весь процесс — от официальной [страницы продукта DeepSeek Harness](https://www.deepseek.com/harness/) и [репозитория исходного кода](https://github.com/deepseek-ai/deepseek-harness) до готового интерфейса.
Может ли DeepSeek Harness заниматься дизайном?
DeepSeek Harness может создавать целевые страницы, интерфейсы продуктов, панели мониторинга и frontend-прототипы, поскольку умеет читать репозиторий, редактировать реальный код UI, выполнять команды, загружать инструкции проекта и сохранять сессию между итерациями. Сам по себе он, однако, не обеспечивает визуальный вкус: для качественной работы над дизайном по-прежнему нужны правила бренда, примеры, инструменты, разрешения и цикл визуализации и проверки результата.
- Постоянный контекст дизайна: Стандартный загрузчик инструкций читает `AGENTS.md` и `CLAUDE.md` из иерархии проекта. Запишите токены, правила компонентов, адаптивные контрольные точки и критерии проверки там, где они будут доступны при каждом запуске.
- Переиспользуемые навыки: Локальные навыки можно хранить в `.dsh/skills` или `.agents/skills`. Навык для фронтенда может содержать точное техническое задание, чек-лист, примеры и скрипты, чтобы не начинать каждую UI-задачу с нуля.
- Выбор провайдера под задачу: В веб-интерфейсе можно настроить DeepSeek, провайдеров из каталога, например Anthropic или OpenAI, а также пользовательские конечные точки, совместимые с OpenAI. Для скриншотов используйте явно объявленный маршрут с поддержкой изображений, а для работы с текстом, кодом, DOM и спецификациями — собственный маршрут DeepSeek.
Ключевое ограничение одинаково для всех агентов: модульность не заменяет дизайнерское чутьё. Без продуманных ограничений для типографики, отступов, компонентов и взаимодействий рантайм будет добросовестно автоматизировать создание шаблонного результата. Роль Open Design — предоставлять и упорядочивать эти исходные данные для дизайна.
Шаг 1. Установите и настройте DeepSeek Harness
Сначала убедитесь, что DeepSeek Harness работает самостоятельно. Установите протестированный выпуск dsh, затем откройте локальный веб-интерфейс и настройте ключ API и модель до запуска Open Design. Для предварительной версии для разработчиков требуется Node.js `^22.19.0` или `>=24.0.0`.
# Open Design currently tests DeepSeek Harness 0.1.0-rc.6
# Requires Node.js ^22.19.0 or >=24.0.0
npm install -g @deepseek-ai/[email protected]
# Verify the local executable
dsh --version
# Start the local Web UI and configure a provider and model
dsh web
# Open http://127.0.0.1:3080- Откройте веб-интерфейс Harness: Выполните `dsh web`. Обычно открывается `http://127.0.0.1:3080`. Если браузер не запустился, скопируйте адрес из терминала и используйте именно его.
- Добавьте ключ API DeepSeek: Примите уведомление о предварительной версии и сохраните или примените ключ, когда появится запрос. Если запрос не появился, откройте Настройки → Модели → DeepSeek → Ключ API. Вставьте только сам ключ — без `DEEPSEEK_API_KEY=...` и без кавычек. Изменение применяется сразу; перезапускать `dsh web` не нужно. При необходимости создайте ключ на DeepSeek Platform.
- Подтвердите модель и закройте интерфейс настройки: Провайдер DeepSeek должен отображаться как настроенный, а его модели — появиться в списке выбора. Если показано `MISSING_CREDENTIAL`, снова откройте карточку DeepSeek и ещё раз сохраните ключ. После успешного тестового запроса нажмите `Ctrl+C`. Во время использования Open Design держать `dsh web` открытым не нужно.
DeepSeek Harness хранит учётные данные провайдеров как секреты только для записи: UI может сообщить, настроен ли ключ, но не может прочитать или показать его открытое значение. Open Design использует установленный пользователем dsh и его конфигурацию модели, не копируя ключ в Open Design. Для надёжной работы зафиксируйте dsh на протестированном выпуске `0.1.0-rc.6`. Подробнее о работе с учётными данными в исходном проекте см. в официальном руководстве по провайдерам.
Шаги 2–5. Подключите DeepSeek Harness к Open Design
Когда dsh заработает локально, остальные действия выполняются в Open Design. Интеграция DeepSeek Harness доступна в Open Design 0.19.1 и более новых версиях.
- 2 · Скачайте Open Design 0.19.1 или более новую версию: Скачайте актуальную сборку для настольных систем со страницы загрузки Open Design, установите её и запустите приложение.
- 3 · Обнаружьте DeepSeek Harness: Откройте Настройки → Модели и провайдеры → Локальный CLI и выберите Повторно сканировать. Перезапустите Open Design или повторите сканирование, если приложение уже было открыто во время установки. Карточка DeepSeek Harness появится, когда Open Design найдёт исполняемый файл `dsh` из шага 1.
- 4 · Подключите профиль Open Design: Выберите карточку DeepSeek Harness. Если на ней указано «Требуется настройка подключения», подтвердите действие «Установить и выбрать». Open Design проверит собственный компонент, попросит dsh установить его в профиль `open-design`, повторно выполнит сканирование и проверит подключение.
- 5 · Начните задачу по дизайну: Убедитесь, что на карточке показаны версия Harness и статус «Синхронизировано из CLI», затем нажмите «Проверить». После успешной проверки откройте или создайте проект, выберите DeepSeek Harness и синхронизированную модель и отправьте запрос на дизайн.
На этом подключение завершено. UI и `od agent setup deepseek-harness --json` используют один локальный путь настройки; каждый запуск создаёт процесс `dsh --profile open-design --stdio`, а 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 Open Design to preview.
Граница остаётся простой: Harness управляет dsh, учётными данными, моделями и сессиями; Open Design управляет проверенным профилем подключения и рабочим пространством для дизайна. Open Design не зависит от DeepSeek AI, а DeepSeek и DeepSeek Harness являются товарными знаками соответствующего владельца.
Запустите цикл создания и проверки UI
Для работы над интерфейсами явно формулируйте задание и цикл приёмки. Стандартный маршрут DeepSeek поддерживает только текст, поэтому самый надёжный базовый вариант — процесс на основе кода и спецификации; прикладывайте скриншоты только после выбора маршрута модели с заявленной поддержкой изображений.
- Запустите dsh из репозитория, выберите этот каталог в качестве рабочего пространства и укажите маршрут модели для текущей задачи.
- Запишите правила бренда в `AGENTS.md`, `CLAUDE.md` или указанный в них `DESIGN.md`: токены, базовые элементы, отступы, типографику, контрольные точки, состояния и запрещённые шаблоны.
- Загрузите специализированный навык для фронтенда из `.dsh/skills` или `.agents/skills`; храните примеры и скрипты проверки рядом с инструкциями.
- Попросите агента переиспользовать существующие компоненты, запустить приложение и проверить адаптивные состояния с помощью собственных тестов проекта или браузерных инструментов.
- Проверьте видимый результат, зафиксируйте конкретные расхождения и дорабатывайте небольшими коммитами. Откатывайте неудачные попытки, а не наслаивайте исправления на слабую основу.
В хорошем запросе указаны как визуальные ограничения, так и подтверждения, необходимые для проверки:
Implement the account dashboard in React + TypeScript.
Reuse the components and tokens named in AGENTS.md and DESIGN.md.
Use a 240px sidebar, a 12-column content grid, and the documented
mobile navigation pattern. Include loading, empty, error, and focus states.
Run the app and existing UI checks, inspect desktop and mobile breakpoints,
and report the exact files and states you verified.Если без скриншота не обойтись, сначала настройте провайдера с поддержкой изображений. DeepSeek Harness отклоняет изображение до отправки, если выбранный маршрут не заявляет поддержку изображений. Это полезная защита от ситуации, когда референс незаметно игнорируется.
Сделайте процесс многократно используемым с помощью плагинов и навыков
Главные отличия DeepSeek Harness скрываются под интерфейсом чата. Благодаря дереву плагинов команды могут сделать процесс работы над дизайном частью рантайма, а не вставлять один и тот же запрос в каждую сессию.
- AGENTS.md и CLAUDE.md: Плагин инструкций загружает глобальный пользовательский файл и иерархию проекта, а после встроенных операций с файлами обнаруживает подходящие вложенные файлы инструкций. Используйте его для постоянных правил дизайна, а не разовых запросов.
- Навыки из файловой системы: Реестр навыков обнаруживает корневые каталоги проекта и пользователя, ранжирует дубликаты и предоставляет модели инструмент `skill`. Здесь естественно хранить правила мастерства фронтенд-разработки, доступности, проверки адаптивности и процедуры дизайн-системы.
- Профили и пакеты: Профиль объединяет упорядоченные пакеты плагинов и пользовательские изменения. Команды могут поддерживать специализированную для дизайна конфигурацию с нужными им провайдером, инструментами, политикой разрешений и источниками навыков.
- MCP и внешние возможности: Исходный код содержит возможности клиента MCP, но пользовательская конфигурация по-прежнему ориентирована на разработчиков. В предварительной версии рассматривайте интеграции как версионируемую работу над плагинами, а не как стабильный процесс с флажками в настройках.
Прежде чем строить долгосрочный внутренний процесс, изучите фактическое дерево с помощью `dsh --profile web --dump-config`. Вывод этой команды показывает, что действительно подключено и доступно для изменения; он надёжнее предположения о том, что каждый пакет репозитория активен в поставляемом профиле.
Избегайте ошибок, которые портят визуальный результат
Самые серьёзные ошибки возникают, когда предварительную версию считают стабильным продуктом, текстовый маршрут — моделью компьютерного зрения, а гибкую агентную среду — источником дизайнерского вкуса.
- Зафиксируйте версию до настройки: Изменения, нарушающие совместимость, прямо предусмотрены политикой предварительной версии. Зафиксируйте версию npm и делайте изменения профиля достаточно небольшими, чтобы их можно было проверить после обновления.
- Проверьте модальности выбранной модели: Собственный маршрут чат-запросов DeepSeek поддерживает только текст. Для преобразования скриншота в код выберите и объявите маршрут провайдера с поддержкой изображений, а не рассчитывайте, что вложение будет распознано автоматически.
- Передавайте требования к дизайну как данные: Предоставьте агенту токены, эталонные компоненты, референсные состояния и запрещённые шаблоны. Модульный рантайм без дизайн-контракта по-прежнему создаёт шаблонный UI.
- Проверяйте, что именно подключает профиль: Пакеты репозитория отражают доступные возможности, но не доказывают, что они включены в стандартном профиле. Изучите собранную конфигурацию, прежде чем документировать интеграцию или полагаться на неё.
Каждая мера снижения риска требует решения о контексте и проверке. Именно такую работу слой дизайна должен превращать в повторяемый процесс, чтобы каждому проекту не приходилось заново искать решение.
Что Harness даёт работе над дизайном
DeepSeek Harness (`dsh`) — это агентный harness под лицензией MIT, разработанный DeepSeek AI. Проект представлен на официальной странице продукта, а репозиторий GitHub содержит исходный код, историю выпусков и актуальные руководства. В публичную предварительную версию для разработчиков входят локальный веб-интерфейс и headless-профили.
Её основная идея — «всё является плагином». Cordis собирает дерево, в котором адаптер модели, реестр инструментов, агентный цикл, файловую систему, оболочку, песочницу, навыки, субагентов, постоянное хранилище и UI можно подключать, заменять или изменять с помощью профилей и пакетов. Поставляемые профили `web` и `headless` — это отправные точки, а не фиксированные продукты.
- Локальный веб-интерфейс: По умолчанию команда `npx @deepseek-ai/dsh web` запускает рабочее пространство в браузере по адресу `127.0.0.1:3080`. Добавьте модель, выберите рабочее пространство и запускайте задачи через интерфейс диалога.
- Режим без интерфейса: Профиль `headless` запускает одну новую сессию с сохранением состояния, выводит окончательный ответ и завершает работу — это удобно для автоматизированных аудитов, сборок и повторяемых проверок дизайна.
- Модульный рантайм: Профили объединяют пакеты плагинов и ваши собственные изменения. Благодаря этому команда может менять провайдеров, инструменты, политики и поведение UI, не создавая форк агентного цикла.
- Разработчик: DeepSeek AI (официальный проект)
- Статус: предварительная версия для разработчиков; ожидаются изменения, нарушающие совместимость
- Лицензия: MIT
- Основная команда: `npx @deepseek-ai/dsh web`
DeepSeek Harness, DeepSeek TUI и Open Design
DeepSeek Harness и DeepSeek TUI — отдельные проекты с разными исполняемыми файлами. Теперь Open Design поддерживает оба как локальные агенты, поэтому выбирать следует нужный runtime, а не инструмент, который вообще можно подключить к рабочему пространству для дизайна.
| Инструмент | Что это | Оптимальное применение в дизайне |
|---|---|---|
| DeepSeek Harness (`dsh`) | Официальный ориентированный на плагины harness от DeepSeek AI с локальным веб-интерфейсом и headless-профилями; нативный адаптер Open Design | Использование сессий Harness, провайдеров и композиции плагинов в процессе работы Open Design с артефактами |
| DeepSeek TUI (`deepseek` / `codewhale`) | Отдельный терминальный агент для программирования с собственным адаптером Open Design | Ориентированный на терминал процесс DeepSeek без архитектуры профилей Harness |
| OpenCode | Зрелый терминальный агент с открытым исходным кодом, не зависящий от провайдера | Для переключения между моделями в стабильном процессе TUI с AGENTS.md и MCP |
| Claude Code | Зрелый агент для программирования, доступный в терминале, IDE, приложении для компьютера и веб-интерфейсе | Для работы с логикой фронтенда, большим количеством визуальных референсов и готовыми интеграциями для дизайна |
| Open Design | Дизайн-пространство и библиотека, изначально рассчитанные на агентов и работающие с поддерживаемыми агентами для программирования | Для отобранных дизайн-систем, навыков, визуальных артефактов и локального процесса, не зависящего от одного поставщика моделей |
Выберите DeepSeek Harness, если вам нужны его официальный веб-интерфейс, система профилей, каталог моделей и возобновляемые сессии Harness. Выберите DeepSeek TUI в Open Design, если предпочитаете терминальный процесс этого агента. Хотя теперь Open Design может встроить оба инструмента в один и тот же процесс работы над дизайном, они по-прежнему используют разные среды выполнения.
Использование DeepSeek Harness для дизайна: вопросы и ответы
-
01 Что такое DeepSeek Harness?
DeepSeek Harness (`dsh`) — официальная среда с открытым исходным кодом для запуска агентов от DeepSeek AI. Она объединяет модели, инструменты, контекст, сессии, политики, оркестрацию и UI через дерево плагинов Cordis. Публичный релиз сейчас доступен как предварительная версия для разработчиков с лицензией MIT.
-
02 Как установить и запустить DeepSeek Harness?
Установите протестированный CLI командой `npm install -g @deepseek-ai/[email protected]`, затем выполните `dsh web`. Примите уведомление о предварительной версии и сохраните только сам ключ API в разделе Настройки → Модели → DeepSeek → Ключ API. Проверьте работу провайдера и модели, затем остановите веб-интерфейс сочетанием `Ctrl+C`. Установите Open Design 0.19.1 или более новую версию, повторно просканируйте локальные CLI-агенты, подключите карточку Harness и нажмите «Проверить».
-
03 DeepSeek Harness — официальный проект DeepSeek?
Да. Репозиторий опубликован в организации `deepseek-ai` на GitHub и описывает dsh как агентную среду, разработанную DeepSeek AI. Проект распространяется по лицензии MIT и явно помечен как предварительная версия для разработчиков.
-
04 Может ли DeepSeek Harness создавать UI по скриншотам?
Только если выбранный маршрут провайдера заявляет поддержку изображений на входе. Собственный маршрут чат-запросов DeepSeek в dsh поддерживает только текст, и среда отклоняет вложенные изображения перед отправкой по текстовому маршруту. Для работы со скриншотами используйте провайдера с поддержкой изображений или опишите целевой результат через код, DOM, токены и письменные спецификации.
-
05 Поддерживает ли DeepSeek Harness AGENTS.md и навыки?
Да. Плагин инструкций загружает файлы проекта, совместимые с AGENTS.md и CLAUDE.md. Провайдер навыков из файловой системы обнаруживает навыки проекта в `.dsh/skills` и `.agents/skills`, а также в настроенных пользовательских и встроенных корневых каталогах.
-
06 Чем DeepSeek Harness отличается от DeepSeek TUI?
Это отдельные инструменты. DeepSeek Harness использует исполняемый файл `dsh` и представляет собой официальный плагинный веб-интерфейс и рантайм без интерфейса от DeepSeek AI. DeepSeek TUI использует диспетчер `deepseek` или `codewhale` и является отдельным адаптером DeepSeek, который сейчас поддерживает Open Design.
-
07 Поддерживает ли Open Design DeepSeek Harness?
Да. Open Design обнаруживает официальную установку dsh, после явного подтверждения устанавливает принадлежащий Open Design проверенный компонент профиля, синхронизирует каталог моделей Harness и запускает DeepSeek Harness как локального агента с нативной поддержкой. Open Design не устанавливает dsh и не получает секреты провайдеров, которыми управляет Harness.
-
08 Где DeepSeek Harness хранит мой ключ API?
Настраивайте ключ в DeepSeek Harness, а не в Open Design. Согласно официальному руководству по моделям, ключи провайдеров хранятся в `$DSH_HOME/.credentials.yaml` как секреты только для записи: UI может проверить, настроен ли ключ, но не может прочитать или показать его открытое значение. Open Design не просит вставлять ключ в приложение и не записывает его в конфигурацию Open Design.
Создавайте дизайн с DeepSeek Harness в Open Design.
Установите официальный runtime dsh, один раз подключите его, а затем используйте дизайн-системы, навыки, синхронизированные модели и локальный предпросмотр артефактов Open Design в едином процессе.