feimacode/open-design-agent-kit

Что это?

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

• 01Работает внутри GitHub Copilot Chat, Claude Code, Codex, Cursor и других агентов с поддержкой MCP.
• 02Включает 198 бренд-систем, которые помогают сохранять единый стиль создаваемых дизайнов.
• 03Позволяет начать с одного из 193 редактируемых примеров или создать дизайн по описанию.
• 04Перед передачей результата отображает дизайн в браузере и проверяет его.
• 05Сохраняет результаты в репозитории как обычные файлы.
• 06Экспортирует в PDF, PNG и PowerPoint.

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

• Создание графики для соцсетей или постеров по короткому запросу прямо в редакторе.
• Подготовка слайдов или прототипа лендинга перед реализацией в production-коде.
• Преобразование CSV-файла или документа в макет отчёта прямо в репозитории.
• Создание готовых к печати резюме или одностраничных документов с экспортом в PDF.

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

1. 1

   Выполните настройку одной командой в проекте, чтобы подключить Claude Code

   npx @feimacode/open-design-agent-kit init --tools claude
2. 2

   Откройте чат с агентом и опишите нужный дизайн, например целевую страницу или постер

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

• !Сервис работает внутри существующего агента для программирования, поэтому вам понадобится такой агент, как Claude Code, Codex, GitHub Copilot или Cursor.
• !Для способов установки на основе npx требуется Node.js.
• !Для некоторых интеграций, например Figma, нужны собственные токены или официальные MCP-серверы.

В подборках

Темы

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

Что такое open-design-agent-kit?

Создавайте постеры, публикации для соцсетей, слайды и лендинги в GitHub Copilot, Claude Code, Codex или Cursor — без отдельного десктопного приложения. Open Design Agent Kit добавляет в coding-агенты, такие как GitHub Copilot Chat, Claude Code, Codex и Cursor, а также в любые агенты с поддержкой MCP, навыки для дизайна, бренд-системы и примеры, которые можно адаптировать. Опишите в привычном чате презентацию для питча, лендинг, дашборд или прототип мобильного приложения — модель самого агента создаст файлы с помощью его инструментов для работы с файлами.

open-design-agent-kit можно использовать бесплатно? Какая у него лицензия?

open-design-agent-kit распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

open-design-agent-kit всё ещё поддерживается?

Активно поддерживается. Последний коммит в open-design-agent-kit — 6 нояб. 2026 г..

Для чего можно использовать open-design-agent-kit?

Создание графики для соцсетей или постеров по короткому запросу прямо в редакторе. Подготовка слайдов или прототипа лендинга перед реализацией в production-коде. Преобразование CSV-файла или документа в макет отчёта прямо в репозитории. Создание готовых к печати резюме или одностраничных документов с экспортом в PDF.

Как установить open-design-agent-kit?

Выполните настройку одной командой в проекте, чтобы подключить Claude Code: npx @feimacode/open-design-agent-kit init --tools claude Откройте чат с агентом и опишите нужный дизайн, например целевую страницу или постер

Где скачать open-design-agent-kit?

Исходный код и инструкции по установке — на GitHub: https://github.com/feimacode/open-design-agent-kit