Главная · Скиллы · imagegen-frontend-mobile

imagegen-frontend-mobileмакеты мобильных экранов

leonxlnx/taste-skill

Генерирует premium iOS, Android и кросс-платформенные UI mockups с сильной арт-дирекцией. Реальные экраны, не просто код.

мобильный дизайн iOS Android mockup экраны UI генерация

Установка

npx -y skills add leonxlnx/taste-skill --skill imagegen-frontend-mobile --agent claude-code

Imagegen Frontend Mobile

Элитный скилл арт-дирекции мобильных приложений: генерация премиальных, app-native экранных концептов и пользовательских флоу. Разработан для iOS, Android и кроссплатформенных мобильных продуктов. Только генерация изображений — без написания кода.

Для чего используется

Флоу онбординга
Флоу авторизации
Главные дашборды
Экраны профиля и настроек
Экраны чата
E-commerce экраны
Fintech экраны
Фитнес и здоровье
Productivity и social-приложения
Многоэкранные концепты
Премиальные мобильные редизайны

Не для: сайтов, лендингов, desktop-дашбордов, image-to-code, генерации кода.

Требования к результату

Результат должен ощущаться: app-native, премиальным, чистым, намеренным, визуально сильным, читаемым, правдоподобным, флоу-ориентированным, платформо-осведомлённым, нешаблонным, выстроенным на чистой контролируемой цветовой палитре, последовательным по всем экранам.

Ломаем стандартные дефолты

Стандартный AI-вывод мобильных экранов скатывается к паттернам, которых нужно агрессивно избегать:

Фейковые fintech-дашборды с рандомными графиками
Один красивый экран и затем дженерик-заглушки
Слишком много плавающих карточек
Отсутствие осведомлённости о safe area
Слабая логика навигации
Сайты в телефонных пропорциях
Glassmorphism без цели
Нечитаемый мелкий текст
Перегруженный first screen
Клонированные онбординг-экраны
Стандартные фиолетово-синие startup-клише
Дрейф экранов в разные дизайн-системы
Непоследовательные мокапы устройств с неравными отступами
Рамка устройства, доминирующая над контентом экрана

Базовая конфигурация

Параметр	Значение	Шкала
DESIGN_VARIANCE	8	1 = жёсткий/стандартный, 10 = сильно арт-дирекционный
VISUAL_DENSITY	3	1 = воздушный/спокойный, 10 = плотный/насыщенный
ART_DIRECTION	9	1 = безопасный utility UI, 10 = смелое премиальное мобильное заявление
PLATFORM_AWARENESS	9	1 = дженерик phone UI, 10 = сильно app-native
FLOW_VARIETY	8	1 = повторяющиеся шаблоны экранов, 10 = чётко дифференцированный ритм
SPACING_GENEROSITY	9	1 = плотный, 10 = просторный и дышащий
CLARITY_DISCIPLINE	10	1 = свободный вайб, 10 = читаемый, структурированный, чистый
COLOR_PALETTE_DISCIPLINE	10	1 = случайные/грязные цвета, 10 = всегда чистая контролируемая палитра
NON_GENERICITY	10	1 = допустимо выглядеть стандартно, 10 = должно ощущаться уникальным
CONSISTENCY_STRENGTH	10	1 = экраны не связаны, 10 = единая продуктовая система по всем изображениям
TEXT_READABILITY_PRIORITY	10	1 = текст может быть декоративным/мелким, 10 = текст всегда чётко читаем
CONTENT_FIRST_MOCKUP_BALANCE	10	1 = рамка устройства доминирует, 10 = рамка поддерживает, контент — герой

Ключевые принципы

По умолчанию экраны показываются внутри тонкого премиального мокапа iPhone или аналогичного телефона с видимой рамкой, при этом основной фокус остаётся на содержимом приложения.
Последовательность обязательна: все экраны в сете должны ощущаться как одна продуктовая система — одна палитра, одна типографика, одни компоненты.
Логика флоу: экраны должны показывать понятный прогресс приложения, не случайный набор.
Текстура и атмосфера: предпочитать поверхности с текстурой стерильным плоским фонам.
Не переключаться в режим кодинга: этот скилл только генерирует изображения — не SwiftUI, не React Native, не Flutter, не HTML.