Фронтенд и UI
imagegen-frontend-mobile
Генерирует премиальные флоу экранов мобильного приложения как изображения, а не код.
Что это
Скилл, который выдаёт только изображения: концепты экранов и флоу для iOS, Android и кросс-платформенных продуктов. Показывает экраны в аккуратных мокапах телефона и никогда не пишет код.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, s
Почему это важно для дизайна
- Экраны учитывают safe area и системные зоны, а не выглядят как сайт, засунутый в телефон.
- Зафиксированная дизайн-библия держит палитру, шрифты и иконки согласованными на всех экранах.
- Наборы из нескольких экранов складываются в правдоподобный флоу, а не в разрозненные разовые мокапы.
Что внутри
- Platform mode rule
- Generate enough screens rule
- App design bible rule
- Safe area and system region rule
- Device mockup frame rule
- Text size and readability rule
Как установить
imagegen-frontend-mobile
-
Клонируйте репозиторий.
git clone https://github.com/Leonxlnx/taste-skill -
Укажите Codex на файл скилла.
skills/imagegen-frontend-mobile/SKILL.md -
Дальше опишите нужный интерфейс. Codex следует скиллу.
Как запустить с Codex
-
Назовите категорию приложения и число экранов: каждый экран станет отдельным изображением.
-
Скилл сначала выбирает режим платформы: iOS, Android или нейтральный кросс-платформенный.
-
Попросите перегенерировать любой экран, где текст мелкий или кадрирование неровное.
Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.
Больше плагинов в списке codex-design ↗Другие дизайн-плагины для Codex
Фронтенд и UI Что он делает gpt-taste Собирает премиальные лендинги в духе award-сайтов: GSAP-анимация скролла и плотные бенто-сетки без пустот. 
Дизайн-системы Что он делает Stitch Design Taste Пишет DESIGN.md, который уводит Google Stitch от шаблонных экранов. 
Фронтенд и UI Что он делает image-to-code Сначала генерирует изображения дизайна, разбирает их, а затем собирает соответствующий фронтенд-код. 
Фронтенд и UI Что он делает imagegen-frontend-web Генерирует по одному горизонтальному референсному изображению на каждую секцию лендинга. Следующий шаг
Проектируйте с Open Design без возни с настройкой
Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.