Что вы получите
- Один HTML-файл со встроенными шрифтами и изображениями, который работает и в изолированном предпросмотре
- Одиннадцать разделов: герой-титул, манифест, крупные планы по вкладкам, ночной фильм, характеристики, панель приложения, запись в шоурум, журнал, бронь
- Рабочие формы записи, брони, контактов и рассылки с проверкой на месте и подтверждениями
- Валидатор для офлайн-работы, связей, доступности и оставшихся имён образца
- По желанию: фото продукта, фоновая петля и карточка для соцсетей от PopNow после расчёта кредитов
Подходит для
- Страницы предзаказа, листа ожидания или брони для премиального железа
- Запуск часов, наушников, камеры, автомобиля, парфюма или мебели
- Первая страница продукта для бренда с акцентом на дизайн
Не подходит для
- Магазины с множеством товаров и корзиной
- Светлые, пастельные или яркие бренды
- Страницы тарифов SaaS и длинные редакционные сайты
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Кинематографичная страница запуска продукта» (product-launch-landing-page) для этой задачи: Страница запуска для Halden One, механических часов с ручным заводом из небольшой швейцарско-датской мастерской. Бронь открывается с залогом $250, первые 300 штук, визиты в шоурум в Женеве и Копенгагене.
В агенте для кода
/popnow-product-launch-landing-page Страница запуска для Halden One, механических часов с ручным заводом из небольшой швейцарско-датской мастерской. Бронь открывается с залогом $250, первые 300 штук, визиты в шоурум в Женеве и Копенгагене.
Потом попробуйте
Назовите цену четырёх крупных планов продукта и петли ночной сцены до генерации чего-либо.
Сделайте облегчённую версию: только герой, моменты и бронь.
Что подготовить
- Название продукта, строка о цене или наличии и где он производится
- Как люди его пробуют и покупают, а также условия залога, гарантии и доставки
- Фото продукта или материалы и одна фирменная деталь, если его ещё не выпустили
- По желанию: ключ API PopNow и DESIGN.md проекта
Похожие навыки
Смотреть все →3D-конструктор аватаров
+3Соберите милого плюшевого 3D-персонажа прямо в браузере и сохраните его как прозрачный PNG или 3D-страницу.
Календарная тепловая карта активности
+3Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
Лендинг SaaS с ИИ
+3Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
Анимированный первый экран сайта
+3Первый экран лендинга с плавно сменяющимся словом в заголовке, двумя кнопками и широкой рамкой для изображения.
Сайт агентства с шейдерным героем
+3Живой оранжевый шейдерный герой под крупным заявлением, навигация-таблетка и сетка кейсов.
Тёмный лендинг для SaaS
+3Тёмный маркетинговый сайт с насыщенной анимацией для программного продукта — в одном автономном HTML-файле.
Сайт портфолио дизайнера
+3Шесть наклонённых карточек вокруг заголовка на сером фоне, красная карточка портрета и кейсы.
Сайт-портфолио разработчика
+3Тёмный личный сайт для инженеров с кейсами, статьями, докладами, резюме и формой обратной связи.
Редакционный сайт SaaS
+3Тёмно-синий разделённый герой, заголовок с засечками рядом с документальным кадром и кобальтовый акцент.
Шаблон сайта в стиле глассморфизма
+3Матовые стеклянные таблетки на почти чёрном фоне, крупный заголовок с засечками и подписка.
Сайт аппаратного продукта
+3Огромные тонкие названия моделей на студийных кадрах, матовые карточки характеристик и линейка в масштабе.
Интерактивная схема архитектуры
+3Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
Интерактивный герой с сеткой
+3Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
Граф знаний из заметок
+3Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
Шаблон KPI-дашборда
+3Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
Лендинг из ИИ-макетов
+3Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
Шаблон сайта журнала
+3Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
Герой с анимацией частиц
+3Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
Сайт личного бренда
+3Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
Шаблон админ-панели
+3Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
Шаблон лендинга для SaaS
+3Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
Сайт-портфолио в стиле скрапбукинга
+3Многостраничное онлайн-резюме из бумажных предметов, с кейсами и версией резюме для печати.
Шаблон сайта магазина кроссовок
+3Полноценный магазин обуви или одежды с каталогом, карточками товаров, корзиной и демо-оформлением заказа в одном HTML-файле.
Лендинг автоматизации процессов
+3Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
Вопросы
Герой — это видео?
Нет. Герой — это заголовок по центру над медленной анимацией на canvas, нарисованной кодом, поэтому он ничего не стоит и остаётся чётким. Видео PopNow идёт ниже, в ночной сцене в letterbox: короткая петля, анимированная по утверждённому кадру и смонтированная так, что повтор незаметен.
Что здесь генерирует PopNow?
Необязательные крупные планы продукта, сцены и плоские раскладки в едином свете, фоновую петлю для ночной сцены и карточку-превью для соцсетей. Навык оценивает весь план в кредитах и ничего не запускает, пока вы не согласитесь.
Можно ли использовать без ключа API?
Да. Фото-сцены переходят к тёмным холстам или вашим фото, карточки журнала могут быть только текстовыми, карточка для соцсетей собирается из HTML, а в заметке о передаче перечислены слоты, которым ещё нужно настоящее фото.
Формы брони и записи принимают оплату?
Нет. Они проверяют данные, показывают подтверждение и номер заявки и ничего не отправляют, пока вы не подключите свою конечную точку или оплату. Заметка о передаче говорит об этом прямо.