Фронтенд и UI
Agent-Native Plans
Превращает текстовые планы в удобные для ревью документы с вайрфреймами и прототипами.
Что это
Структурированный режим планирования для агентов кода. Планы становятся удобными для просмотра документами с инлайновыми диаграммами, кодом, моделями данных, открытыми вопросами и опциональным верхним холстом или живым прототипом.
Generate rich visual plans as MDX with diagrams, API specs and zoomable wireframes, then recap what the agent did.
Почему это важно для дизайна
- Планы UI открываются вайрфрейм-артбордами, по одному на каждое видимое пользователю состояние.
- Ревьюеры комментируют привязанные элементы вместо споров в чате.
- Многошаговые флоу получают рабочий прототип рядом со статичными мокапами.
Что внутри
- When to use
- Plan discipline
- Core workflow
- Visual surface choice
- Wireframe quality
- Self-review before handoff
Как установить
Agent-Native Plans
-
Клонируйте репозиторий.
git clone https://github.com/BuilderIO/skills -
Укажите Codex на файл скилла.
skills/visual-plan/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Установите через Agent-Native CLI, затем запустите команду /visual-plan.
-
Вставьте существующий план Codex или Markdown как источник.
-
Прочитайте отзывы, поправьте план и проверьте сохранённый результат.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Другие дизайн-плагины для Codex
Фронтенд и UI Что он делает gpt-taste Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот. 
Дизайн-системы Что он делает Stitch Design Taste Пишет DESIGN.md, который уводит Google Stitch от шаблонных экранов. 
Фронтенд и UI Что он делает image-to-code Сначала генерирует изображения дизайна, разбирает их, а затем собирает соответствующий фронтенд-код. 
Фронтенд и UI Что он делает imagegen-frontend-mobile Генерирует премиальные флоу экранов мобильного приложения как изображения, а не код. Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.