Design Studio AI CLI
Дизайн-студия для людей и агентов: CLI dsa, MCP по адресу /mcp и скилл правят сайты, слайды, отчеты и 3D в одном документе.
- 229 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Агент меняет сохраненные дизайны и может запускать платную генерацию по вашим ключам провайдеров.
- Ключ API студии и ключи провайдеров лежат в окружении агента.
Установка
- Работает в
Ручная установка
npm install -g https://github.com/bestagentkits/design-studio-ai/releases/download/v0.4.3/bestagentkits-design-studio-ai-0.4.3.tgzЗатем `dsa mcp install claude --write` подключает MCP-сервер.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент меняет сохраненные дизайны и может запускать платную генерацию по вашим ключам провайдеров.
- Ключ API студии и ключи провайдеров лежат в окружении агента.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Design Studio AI — рабочее пространство для веб-интерфейсов, презентаций, отчетов, каркасов, 3D-сцен и видео на таймлайне. Человек и агент правят один версионированный документ: запрос или шаблон, предпросмотр, точечные правки через чат или редактор, экспорт и публикация. Результат выгружается в JSON, HTML, SVG, PNG, PDF, PowerPoint, WebM, GLB/glTF и ZIP с React-прототипом. К агенту студия подключается тремя путями. CLI `dsa` ставится из архива релиза командой `npm install -g`, в npm-реестре пакета нет. Сетевой MCP-сервер лежит по адресу `https://studio.agentkit.best/mcp` с OAuth или ключом API. Скилл `design-studio-ai` из `skills/` ведет агента через бриф, проекты и правки. Команда `dsa mcp install <агент>` печатает конфигурацию для Claude Code, Codex, Cursor или OpenCode, а с `--write` дописывает ее в конфиг с резервной копией. Генерация текста, картинок, речи, музыки и видео идет через ваши ключи провайдеров (BYOK). Студию можно развернуть самому: Docker Compose или Cloudflare, данные лежат в SQLite и файлах.
Для кого. Дизайнерам и фронтендерам, которые собирают макеты, презентации и 3D вместе с агентом и хотят править один документ из чата и из редактора.
Подходит, если
- Презентация собирается из шаблона агентом, а детали правятся руками в редакторе.
- Агент должен читать и менять дизайн через MCP, а не рисовать код наугад.
- Макет надо выгрузить в PowerPoint, PDF или React-прототип.
- Студия поднимается у себя в Docker с хранением данных на своем диске.
Не подходит, если
- Нужен только набор правил стиля для генерации кода: студия ведет полноценный документ с хранилищем.
- Нет ключей провайдеров, а генерация картинок или видео обязательна.
- Допустимы только пакеты из npm-реестра: CLI там не опубликован.
Пример запроса к агенту
Создай в Design Studio презентацию из шаблона product-deck для квартального отчета и покажи предпросмотр.Ограничения
Генерация обращается к реальным провайдерам и требует ваших ключей и доступа, без них возвращаются ошибки настройки. Выгрузка в Google Slides принимает текст, фигуры и изображения по HTTPS, сложные узлы отклоняются явно, а PowerPoint растеризует сложное содержимое. Для самостоятельного запуска нужны Node.js 24 или новее, `ENCRYPTION_KEY` на 32 байта и `APP_URL`. Платная генерация и публикация требуют отдельного разрешения человека. Лицензия MIT, последний коммит сделан в октябре 2026.
Как отключить. Удалите CLI командой `npm uninstall -g @bestagentkits/design-studio-ai`, запись MCP из конфигурации агента (при `--write` рядом лежит `.bak`) и скилл. Ключ API отзывается в настройках студии.
Частые вопросы
Как подключить студию к Claude Code?
Создайте ключ API в настройках, задайте `DESIGN_STUDIO_API_KEY` и выполните `dsa mcp install claude --write`. Без `--write` команда только печатает конфигурацию.
Есть ли пакет в npm?
Нет, он не опубликован. Ставьте архив релиза или соберите пакет из `packages/cli` командой `npm pack`.
Какой адрес у MCP-сервера?
`https://studio.agentkit.best/mcp` для облачной версии, при самостоятельном запуске адрес вашего сервера с тем же путем `/mcp`.
Какие форматы экспорта есть?
JSON, HTML, SVG, PNG, PDF, PowerPoint, WebM, GLB и glTF, ZIP с React-прототипом и экспорт в Google Slides.
Можно ли развернуть студию у себя?
Да, через Docker Compose (`docker compose up --build -d`) или на Cloudflare. Нужны `ENCRYPTION_KEY` и `APP_URL`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
CLI-инструментыMCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента
Ищет в сгенерированном фронтенде приметы ИИ, от фиолетовых градиентов до терракотового тона, и переписывает интерфейс
Сканер дизайн-системы репозитория с MCP и хуком правок: оценка от 0 до 100 и правила, чтобы агент не выдумывал UI
designlang
designlang (design-extract)
CLI и MCP-сервер, который читает готовый сайт и достает из него дизайн-систему: токены DTCG, конфиг Tailwind, переменные Figma и брендбук
Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
Скилл дизайна интерфейсов привязывает агента к вашему продукту, а необязательный MCP добавляет реальные экраны из каталога.
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Design Studio AI (эта карточка) | нет | 229 | ||
| Penpot AI Kit | нет | 119 | Penpot AI Kit подключает агента к Penpot, а Design Studio AI сам хранит документ и редактор и разворачивается у вас. | |
| OpenPencil | да | не нужна | 9 805 | OpenPencil остается редактором макетов, а здесь добавлены слайды, 3D, видео и три канала доступа для агента. |
Коротко о README
Открытая студия дизайна с редактором, CLI dsa, MCP-сервером и скиллом: агент и человек правят один документ, экспорт в PDF, PowerPoint, HTML и 3D.