OpenDesigner — плагин
OpenDesigner собирает для проекта единую дизайн-систему и проверяет каждый экран по ее правилам в Claude Code, Codex и Cursor
- 136 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Агент правит стили и компоненты проекта по вашему подтверждению и запускает приложение в браузере для измерений
- Создает файлы в репозитории: `DESIGN.md`, токены, экспорты и журнал решений
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/opendesignerОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент правит стили и компоненты проекта по вашему подтверждению и запускает приложение в браузере для измерений
- Создает файлы в репозитории: `DESIGN.md`, токены, экспорты и журнал решений
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Бесплатное дополнение с лицензией MIT для ИИ-инструмента. Работает двумя путями. В режиме «исправить сделанное» оно измеряет работающее приложение в браузере, находит проблемы с кнопками, шрифтами, размерами, цветами и выравниванием, указывает нарушенное правило и правит после вашего согласия. В режиме «построить систему» читает репозиторий, изучает конкурентов, дает позиционирование и три направления и пишет правила, по которым агент затем работает. Каждый круг начинается с плана, записанного в `opendesigner/PROTOCOL.md`, и завершается проверками: контраст, цели нажатия, шкала шрифтов, межбуквенные интервалы, кнопки, текст поверх картинок. В репозиторий попадают `DESIGN.md`, `PRODUCT.md`, токены DTCG, экспорты в CSS, Tailwind, Figma, Swift и Compose и журнал решений. В пакете девять скиллов, в том числе `opendesigner-review`, `opendesigner-extract` и `opendesigner-export`.
Для кого. Основателям и разработчикам, у которых продукт без единых правил интерфейса и которые хотят довести экраны до последовательного вида силами агента.
Подходит, если
- Приложение уже собрано, и нужен аудит всех кнопок, шрифтов, цветов и выравниваний со снимками до и после
- Проект начинается, и нужна дизайн-система с `DESIGN.md` и токенами DTCG в репозитории
- Нужно выгрузить правила в Tailwind, CSS, Figma, Swift или Compose
- Повторяющиеся замечания хочется закрепить правилом, чтобы агент не повторял ошибку
Не подходит, если
- Нет агента, который умеет открыть браузер или запустить Playwright: аудит измеряет работающее приложение
- Нужен готовый визуальный дизайн от человека: плагин строит правила и проверки, макеты рисуете вы
- Работа идет только через чат ChatGPT: в сборку для проектов аудит в браузере не входит
Пример запроса к агенту
Сделай этот проект профессиональным по виду: проведи аудит экранов в браузере, покажи нарушенные правила и ничего не меняй до моего согласияОграничения
- Аудит измеряет работающее приложение в браузере, поэтому нужен агент, умеющий управлять браузером или запускать Playwright, например Claude Code. В сборку для ChatGPT этот аудит не входит.
- Для приложения Claude без терминала скиллы загружаются архивами в разделе Customize, пункт Skills, при включенном выполнении кода, для аудита нужны дополнительные архивы `opendesigner-review.zip` и `opendesigner-extract.zip`.
- Для Codex, Cursor и других инструментов девять папок скиллов копируются в `.agents/skills/` проекта.
- Первую версию система выдает после пяти вопросов, по оценке автора около трех минут.
- Агент ничего не меняет, пока вы не подтвердите план.
Как отключить. Для Claude Code выполните `/plugin uninstall opendesigner@opendesigner`. При ручной установке удалите папки `opendesigner*` из `.agents/skills/`. Файлы `DESIGN.md` и `opendesigner/` в проекте остаются, их удаляют вручную.
Частые вопросы
Как поставить OpenDesigner в Claude Code?
Две команды: `/plugin marketplace add ckryptickunal/OpenDesigner` и `/plugin install opendesigner@opendesigner`, затем новая сессия. Дальше скажите: «Create a design system for this project».
Как подключить в Codex и Cursor?
Склонируйте репозиторий и скопируйте папки `opendesigner*` из `.agents/skills/` в `.agents/skills/` проекта. Инструменты с поддержкой Agent Plugins читают и корневой `plugin.json`.
Что появится в репозитории после работы?
`DESIGN.md`, `PRODUCT.md`, токены DTCG, экспорты в CSS, Tailwind, Figma, Swift и Compose, страница бренда и журнал решений с причинами.
Меняет ли плагин мои файлы без спроса?
Нет. Пока вы не скажете «да», аудит файлы не меняет. План каждого круга записывается в `opendesigner/PROTOCOL.md`.
Можно ли без терминала?
Да: архивы `opendesigner.zip` для приложения Claude и `opendesigner-chatgpt.zip` для проекта ChatGPT. Аудит приложения в браузере в сборку для ChatGPT не входит.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныОткрытая альтернатива Claude Design: прототипы, презентации, дашборды и видео через ваших локальных агентов
Oh My Design (3x-haust)
Oh My Design
Плагин ведет дизайн-задачу одной командой /ultradesign: изучает проект, строит, рендерит, чинит и проверяет интерфейс
Рабочее место для Claude Code: десять команд ведут от идеи продукта к экранам на React и пакету передачи с готовыми промптами для реализации
designlang
designlang (design-extract)
CLI и MCP-сервер, который читает готовый сайт и достает из него дизайн-систему: токены DTCG, конфиг Tailwind, переменные Figma и брендбук
design.how: 6 скиллов превращают интерфейс приложения в дизайн-систему для агента и четыре готовые системы для shadcn.
Набор подключает к агенту дизайн-сценарии, системы оформления и примеры, чтобы создавать и проверять макеты прямо в репозитории.
Коротко о README
README начинается с двух команд установки и двух режимов работы. Затем описан каждый круг с проверками, перечислено, что попадает в репозиторий, и даны установки для Claude, Codex, Cursor, ChatGPT и работа без ИИ.