imagegen-skills — плагин
imagegen-skills учит агента рисовать дизайн-картинки: макеты сайтов, экраны приложений, бренд-борды, и строит сайт по ним
- 76 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скиллы дают инструкции для генерации изображений и написания кода и сами ничего не запускают
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/imagegen-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы дают инструкции для генерации изображений и написания кода и сами ничего не запускают
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Четыре скилла для агентов, которые делают дизайнерские картинки, пригодные как исходник для верстки. `imagegen-frontend-web` рисует макеты сайтов: по одному изображению на секцию лендинга, с разной композицией и читаемой типографикой. `imagegen-frontend-mobile` делает экраны и сценарии для iOS, Android и кроссплатформы, согласованные внутри набора. `brandkit` собирает доски брендбука: варианты логотипа, системы символов, палитры, шрифты и примеры применения. `image-to-code` запускает весь конвейер: сначала генерирует дизайн-изображения, потом изучает их и строит сайт по ним.
Для кого. Дизайнерам и разработчикам лендингов и мобильных приложений, которые сначала рисуют макеты картинками и только потом верстают.
Подходит, если
- Для лендинга нужны макеты по секциям с разной композицией и читаемым текстом
- Нужен набор экранов мобильного приложения, одинаковых по стилю
- Нужна доска бренда с вариантами логотипа, палитрой и шрифтами
- Сайт надо построить по готовым дизайн-картинкам, без повторного придумывания верстки
Не подходит, если
- Готовый фронтенд без картинок: первые три скилла делают только изображения
- Агент не умеет генерировать изображения: `image-to-code` требует и картинки, и код
- Дизайн, проверенный на реальных устройствах: результат остается макетом
Пример запроса к агенту
Нарисуй макеты по секциям лендинга для сервиса записи на услуги и затем собери сайт по этим картинкамОграничения
- Первые три скилла выдают только изображения, их используют с ChatGPT Images, режимом изображений Codex или другим агентом с генерацией картинок.
- `image-to-code` требует агента, который и генерирует картинки, и пишет код.
- Скиллы раньше лежали в `taste-skill` и переехали в октябре 2026, названия установки не менялись.
- Лицензия MIT, подробной проверки качества картинок в README нет.
- Качество изображений зависит от возможностей подключенного генератора, скиллы лишь задают порядок работы.
Как отключить. Выполните `/plugin uninstall imagegen-skills@imagegen-skills` или `codex plugin remove` для установки в Codex.
Частые вопросы
Какие скиллы входят в набор?
`imagegen-frontend-web`, `imagegen-frontend-mobile`, `brandkit` и `image-to-code`.
Как поставить один скилл?
Командой `npx skills add https://github.com/Leonxlnx/imagegen-skills --skill "imagegen-frontend-web"` с нужным именем установки; без `--skill` ставятся все четыре.
Как поставить в Codex?
Выполните `codex plugin marketplace add Leonxlnx/imagegen-skills` и `codex plugin add imagegen-skills@imagegen-skills`, затем начните новую сессию.
Чем image-to-code отличается от остальных?
Он проходит весь путь: генерирует дизайн-изображения, изучает их и строит сайт, а остальные выдают только картинки.
Где раньше лежали эти скиллы?
В репозитории taste-skill: в октябре 2026 их перенесли сюда, названия установки сохранились.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныСкиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
Скилл дизайна интерфейсов для агента: диагностика, четыре направления на выбор, реализация и приемка без вида шаблона от ИИ
Скилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
AI Design Skills
landing-page-design
Скилл сборки лендинга с нуля: вопросы на входе, структура страницы, конверсионные тексты и строгая визуальная система
Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| imagegen-skills (эта карточка) | нет | 76 | |
| Taste Skill | нет | 114 100 | скиллы против шаблонных интерфейсов для реального фронтенда, а imagegen-skills делает картинки макетов |
| Yueban Image to Code | нет | 129 | переносит готовый скриншот мобильного интерфейса в код, а здесь картинки сначала генерируются |
Коротко о README
README объясняет разделение с taste-skill, перечисляет четыре скилла таблицей с названиями установки и задачами, отмечает, что три из них выдают только изображения, и дает команды установки для `npx skills`, Claude Code и Codex.