Холст и генеративный UI

dsh-openpencil

Агент проектирует на настоящем редактируемом векторном холсте, а не возвращает статичные картинки.

Что это

Соединяет харнесс с OpenPencil — открытым AI-нативным векторным дизайн-инструментом. Пять инструментов позволяют агенту создавать, редактировать, рендерить и инспектировать design-as-code документы .op через транзакционные пакеты, с многофреймовыми превью и управляемым редактором для перехвата человеком.

OpenPencil design preview and editing plugin for DSH
Из исходного README

Почему это важно для дизайна

  • Один цикл от требования до холста: агент редактирует настоящий документ, а превью рендерят кадры, верные дизайну.
  • Транзакционные пакеты публикуются только при успехе и никогда не перезаписывают внешние правки — конфликты всплывают, а не теряются.
  • Управляемый редактор с выделением, слоями, свойствами и отменой позволяет человеку в любой момент перехватить результат агента.

Что внутри

  • Why DSH OpenPencil
  • Design Tools
  • Agent Design Workflow
  • Rendering Contract
  • Managed Editor
  • Current Limits

Как установить

dsh-openpencil

  1. Запустите это в терминале.

    npx --yes -p @deepseek-ai/dsh@0.1.0-rc.6 dsh plugin --profile web add @zseven-w/dsh-openpencil@latest
  2. Перезапустите dsh web, чтобы он подхватил плагин.

  3. Дальше опишите нужный дизайн. Харнесс подхватит инструменты плагина.

Как запустить с DeepSeek Harness

  1. Установите OpenPencil, затем добавьте плагин в свой профиль web.

  2. Опишите дизайн; агент управляет openpencil_create и openpencil_edit пакетами.

  3. Откройте отрендеренное превью или управляемый редактор и продолжайте итерации на месте.

Каждый плагин здесь бесплатен для установки и ведёт на свой реальный исходник.

Больше в репозитории DeepSeek Harness ↗

Следующий шаг

Проектируйте с OpenDesign без возни с настройкой

Поставьте этот плагин сами или разверните вокруг DeepSeek Harness целый кураторский дизайн-слой в OpenDesign. Свой ключ, свой результат.

OpenDesign для компьютера

Одна дизайн-система. Единый образ бренда во всех материалах

В полном Vibe Design Workspace одни и те же правила бренда работают для сайтов, слайдов, интерактивных прототипов, дашбордов, изображений и HTML-видео. Подключите локальные Codex, Claude Code, Cursor и другие кодинг-агенты и создавайте бесплатно.

  • Сайты, слайды, прототипы, дашборды, изображения и видео
  • Более 140 дизайн-систем и полная библиотека шаблонов и навыков
  • Локальный Codex и более 21 кодинг-агента · Бесплатно
Скачать бесплатно

Для macOS и Windows