Open Design Agent Kit — плагин
Набор подключает к агенту дизайн-сценарии, системы оформления и примеры, чтобы создавать и проверять макеты прямо в репозитории.
- 1 003 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Инициализация пишет навыки и конфигурацию в проект, а агент создает и меняет код или дизайн-файлы.
- Экспорт может запускать браузер и FFmpeg; внешние материалы следует проверять перед публикацией.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/open-design-agent-kitОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Инициализация пишет навыки и конфигурацию в проект, а агент создает и меняет код или дизайн-файлы.
- Экспорт может запускать браузер и FFmpeg; внешние материалы следует проверять перед публикацией.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Open Design Agent Kit помогает агенту выбрать способ работы над дизайном и подготовить бриф. MCP-сервер передает ему инструкции, стили оформления и примеры. По ним агент создает файлы в вашем проекте своими обычными инструментами. Набор подходит для прототипов, презентаций и рекламных материалов. Выбранный стиль сохраняется для следующих работ в том же проекте. В предпросмотре можно оставить замечание к конкретному элементу и передать его агенту, чтобы он внес правку.
Для кого. Для разработчиков и дизайнеров, которым нужно работать над макетом в привычном агенте и хранить результат рядом с кодом.
Подходит, если
- Лендинг нужно начать с выбранной системы оформления.
- Из документа требуется подготовить презентацию с проверкой исходных фактов.
- Нужно сравнить несколько визуальных направлений в одном проекте.
- Прототип нужно обсудить по точечным замечаниям и затем перенести в компоненты приложения.
Не подходит, если
- Нужен результат без доступного MCP и файловых инструментов агента.
- Нельзя записывать генерируемые материалы в рабочий репозиторий.
- Ожидается, что макет автоматически докажет доступность и корректность всего приложения.
Пример запроса к агенту
Подготовь два варианта структуры этой страницы по материалам проекта, выбери стиль и покажи макет для комментариев.Ограничения
Для Codex нужны поддержка MCP и Node.js 18 или новее; без сервера один скилл не дает инструментов набора. Экспорт изображений, PDF и PowerPoint требует Chrome, Edge или Chromium, а для видео нужен FFmpeg. Инициализация пишет сгенерированные скиллы в проект; если конфигурация Codex уже есть, настройку MCP придется добавить в нее вручную по показанному фрагменту. Перед публикацией чужих материалов и брендовых примеров нужно проверить, разрешено ли их использовать.
Как отключить. Отключите MCP и плагин своего клиента, удалите установленные навыки, если они больше не нужны. Материалы в `.open-design/` остаются в проекте.
Частые вопросы
Нужен ли дополнительный ключ модели?
Нет. Работу выполняет уже используемая модель агента; отдельная учетная запись набора не требуется.
Как подключить только MCP вручную?
Для Codex: `codex mcp add open-design -- npx -y @feimacode/open-design-agent-kit-mcp`. Инструкции скиллов добавляются отдельно.
Сохраняется ли выбранный стиль?
Да. Активная система оформления хранится в настройках пространства до переключения или очистки.
Что происходит при повторном `init`?
Сгенерированные навыки обновляются, а написанные вручную остаются нетронутыми. Изменения стоит просмотреть перед продолжением.
Можно ли начать с готового документа?
Да. Сценарий по источнику читает материал и сначала готовит план, который пользователь проверяет перед построением дизайна.
Можно ли выбрать любой рецепт как готовый?
Нет. Среди рецептов могут быть заглушки; их нельзя запускать как завершенный сценарий.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныОткрытая альтернатива Claude Design: прототипы, презентации, дашборды и видео через ваших локальных агентов
Набор дизайн-скиллов для агентов: исследование, UX-стратегия, дизайн-системы, UI, взаимодействия, прототипы и визуальная критика
Oh My Design (3x-haust)
Oh My Design
Плагин ведет дизайн-задачу одной командой /ultradesign: изучает проект, строит, рендерит, чинит и проверяет интерфейс
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
MCP-сервер и плагин для сборки интерфейса с агентом: курируемые дизайн-системы, промпты для UI и варианты верстки
Коротко о README
Интеграции используют механизмы своих клиентов: инструменты VS Code, плагин Claude Code или скиллы Codex. Готовые работы, комментарии и настройки хранятся файлами, пригодными для просмотра изменений в Git.