Генератор галереи скриншотов App Store

Позволяет быстро создать стильную и функциональную галерею скриншотов для приложений.

Слот выдачи · Промт · GPT

Создайте профессиональную галерею скриншотов для приложения iOS/macOS/Android в виде одного HTML-файла. Дизайн должен быть на уровне лучших разработчиков. Требования: 1. **Дизайн-система**: CSS-переменные для цветов, поверхностей, типографики, отступов, радиусов, теней, переходов. 2. **Архитектура макета**: контейнер 1600px, центрирование, адаптивная сетка (masonry-style, `grid-template-columns: repeat(auto-fill, minmax(340px, 1fr))`). 3. **Секция заголовка**: бейдж приложения, крупный заголовок с градиентом, подзаголовок, фоновый паттерн. 4. **Карточки скриншотов**: белый/светлый фон, скругленные углы, тень. Контейнер изображения с градиентом, центрированный скриншот с белой рамкой. Эффекты при наведении: подъем, увеличение, вращение, градиентная полоса, радиальное свечение. Метаданные: номер, название устройства, заголовок, описание. 5. **Порядок скриншотов**: по пользовательскому пути (логин, дашборд, фичи, настройки и т.д.). 6. **Анимации**: staggered fade-in, плавные hover-эффекты, IntersectionObserver. 7. **Футер**: темный фон, скругленные верхние углы, минимальные метаданные. 8. **Адаптивность**: 4-5 колонок (десктоп), 2-3 (планшет), 1 (мобильный). 9. **Технические требования**: один HTML-файл, все CSS inline, внешние зависимости (Pico.css, Font Awesome, Google Fonts, Animate.css).

✈ Сгенерить в боте

KLING

Kling IT

Видео: футуристическая больница с роботами

▶

Разбор промта

Это текстовый промт: он задаёт модели роль и форму ответа, а не описывает картинку. Ниже — что здесь за что отвечает.

Что менять под себя

Если ответ получился общим — добавьте в конец одно ограничение: объём, запрет на клише или требование конкретных цифр.

В других моделях

Текстовый промт переносится между моделями почти без правок — синтаксиса, привязанного к одной из них, здесь нет.

Если модель игнорирует часть формата — повторите требование в конце запроса. Последняя строка весит больше середины.

GPT, Claude и Gemini выполнят эту инструкцию одинаково по смыслу. Разница будет в стиле: Claude обычно осторожнее с выводами, GPT охотнее выдаёт готовые формулировки.

Частые вопросы

Почему каждый запуск даёт разный кадр?

Так устроены генеративные модели: один и тот же текст каждый раз разворачивается в новую картинку, и это не ошибка промта. Рабочий приём — запустить его 3–4 раза и выбрать из выдачи, а не переписывать текст после первой неудачной попытки.

Где это запускать

GPT. chatgpt.com или любое приложение с доступом к модели. Промт вставляется первым сообщением, дальше уточняете в диалоге.

Или прямо в нашем боте. Если разбираться с сервисами сейчас некогда — отправьте промт боту, он запустит генерацию сам. Бесплатно, с суточным лимитом. Открыть бота →

Переписали промт под себя. Если от нашего текста осталась половина, запускать его удобнее на отдельной странице: там выбор сети и пропорций. Свой промт →