Repolode
Предложить
bestagentkits

bestagentkits/design-studio-ai

Опенсорсная дизайн-студия, где люди и AI-агенты совместно редактируют единый версионируемый документ: веб-страницы, слайды и 3D-сцены.

Open source альтернатива:FigmaCanva

Открыть на GitHubСайт
Звёзды
222
Форки
58
Открытые issues
14
Последний коммит
8 дней назад

Что это?

Design Studio AI — рабочая среда для создания веб-интерфейсов, слайдов, отчётов, вайрфреймов, 3D-сцен и видеороликов с таймлайном. Начните с брифа или шаблона, оцените превью, а затем вносите изменения в чате или вручную в редакторе. Люди и агенты работают с одним и тем же версионируемым документом.

Для генерации текста, изображений, речи, музыки и видео используются собственные ключи провайдеров (BYOK). Дизайны можно экспортировать в HTML, SVG, PDF, PowerPoint, WebM, GLB и ZIP-архив React-прототипа. Агенты получают доступ к тем же дизайнам через REST API, MCP-сервер с поддержкой Streamable HTTP и CLI dsa.

Студию можно разместить на Cloudflare или развернуть самостоятельно с помощью Docker и постоянного хранилища SQLite. Для входа доступны электронная почта и пароль, а также опциональная авторизация через GitHub.

Ключевые возможности

  • 01Редактирование одного версионируемого дизайн-документа в чате и вручную
  • 02Анимация 2D-персонажей с костями, скинами, сетками и физикой, а также редактируемые 3D-персонажи
  • 03Экспорт в HTML, SVG, PDF, PowerPoint, WebM, GLB и ZIP-архив React-прототипа
  • 04REST API, MCP-сервер с OAuth или API-ключами и CLI dsa
  • 05Генерация текста, изображений, речи, музыки и видео с собственными ключами провайдеров
  • 06Самостоятельное размещение на Cloudflare или с Docker и постоянным хранилищем SQLite

Сценарии использования

  • Создание черновиков лендингов с AI-агентом и последующая ручная доработка
  • Подготовка презентаций с экспортом в PowerPoint или Google Slides
  • Создание анимированных 3D-сцен или клипов с анимацией 2D-персонажей
  • Развёртывание собственной дизайн-студии для команды с ключами провайдеров

Быстрый старт

  1. 1

    Установите зависимости

    npm ci
  2. 2

    Соберите CLI и приложение

    npm ci --prefix packages/cli
  3. 3

    Запустите сервер (сначала задайте ENCRYPTION_KEY и APP_URL)

    npm start
  4. 4

    Откройте Studio в браузере по адресу localhost:8787

Что важно знать

  • Для генерации нужны ваши собственные учетные данные провайдера и доступ к аккаунту.
  • Для локального запуска требуется Node.js версии 24 или новее.
  • Пакет CLI не опубликован в реестре npm; его нужно установить из tarball релиза или локальной сборки.
  • При изменении ENCRYPTION_KEY расшифровать существующие ключи провайдеров будет невозможно.

Темы

#design#ai-agents#mcp#web-design#3d#motion-graphics#self-hosted#cli

Частые вопросы

Что такое design-studio-ai?
Опенсорсная дизайн-студия, где люди и AI-агенты совместно редактируют единый версионируемый документ: веб-страницы, слайды и 3D-сцены. Design Studio AI — рабочая среда для создания веб-интерфейсов, слайдов, отчётов, вайрфреймов, 3D-сцен и видеороликов с таймлайном. Начните с брифа или шаблона, оцените превью, а затем вносите изменения в чате или вручную в редакторе. Люди и агенты работают с одним и тем же версионируемым документом.
design-studio-ai можно использовать бесплатно? Какая у него лицензия?
design-studio-ai распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
design-studio-ai всё ещё поддерживается?
Активно поддерживается. Последний коммит в design-studio-ai — 12 окт. 2026 г..
Для чего можно использовать design-studio-ai?
Создание черновиков лендингов с AI-агентом и последующая ручная доработка Подготовка презентаций с экспортом в PowerPoint или Google Slides Создание анимированных 3D-сцен или клипов с анимацией 2D-персонажей Развёртывание собственной дизайн-студии для команды с ключами провайдеров
Как установить design-studio-ai?
Установите зависимости: npm ci Соберите CLI и приложение: npm ci --prefix packages/cli Запустите сервер (сначала задайте ENCRYPTION_KEY и APP_URL): npm start Откройте Studio в браузере по адресу localhost:8787
Где скачать design-studio-ai?
Исходный код и инструкции по установке — на GitHub: https://github.com/bestagentkits/design-studio-ai

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты