Что вы получите
- Сайт из 23 страниц в одном офлайн HTML-файле или перенесённый в ваш фреймворк
- Герой с переключателем моделей, линейка в масштабе, бенто аппаратуры и белые карточки характеристик
- Страницы продукта с галереей, полными характеристиками и конфигуратором, который передаёт заявку в контакты
- Валидатор офлайн-безопасности, структуры и оставшихся имён образца
- По желанию: рендеры продукта, сцены и цикл героя от PopNow, цена называется первой
Подходит для
- Бренды робототехники, электровелосипедов, дронов, аудио и камер
- Сайты запуска или каталога для небольшого семейства продуктов
- Питч премиального редизайна с рабочими страницами
Не подходит для
- Магазины, которым нужно принимать оплату уже сегодня
- Каталоги из сотен товаров
- Тёплые, игривые или только программные бренды
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Сайт аппаратного продукта» (hardware-product-website) для этой задачи: Сделайте сайт для наших трёх электровелосипедов — Arc 1, Arc 2 и Arc Cargo, с ценами, запасом хода и весом из specs.csv.
В агенте для кода
/popnow-hardware-product-website Сделайте сайт для наших трёх электровелосипедов — Arc 1, Arc 2 и Arc Cargo, с ценами, запасом хода и весом из specs.csv.
Потом попробуйте
Сгенерируйте студийные кадры трёх велосипедов на серебристом фоне и сначала назовите цену всего набора.
Перенесите это в наше приложение на Next.js с отдельным маршрутом для каждого велосипеда.
Что подготовить
- Названия продуктов, коды, цены и важные характеристики
- Фото продуктов или ключ API PopNow, чтобы сгенерировать согласованный набор
- Настоящие факты для партнёров, команды, контактов и сроков поставки
Похожие навыки
Смотреть все →3D-конструктор аватаров
+3Соберите милого плюшевого 3D-персонажа прямо в браузере и сохраните его как прозрачный PNG или 3D-страницу.
Календарная тепловая карта активности
+3Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
Лендинг SaaS с ИИ
+3Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
Анимированный первый экран сайта
+3Первый экран лендинга с плавно сменяющимся словом в заголовке, двумя кнопками и широкой рамкой для изображения.
Сайт агентства с шейдерным героем
+3Живой оранжевый шейдерный герой под крупным заявлением, навигация-таблетка и сетка кейсов.
Тёмный лендинг для SaaS
+3Тёмный маркетинговый сайт с насыщенной анимацией для программного продукта — в одном автономном HTML-файле.
Сайт портфолио дизайнера
+3Шесть наклонённых карточек вокруг заголовка на сером фоне, красная карточка портрета и кейсы.
Сайт-портфолио разработчика
+3Тёмный личный сайт для инженеров с кейсами, статьями, докладами, резюме и формой обратной связи.
Редакционный сайт SaaS
+3Тёмно-синий разделённый герой, заголовок с засечками рядом с документальным кадром и кобальтовый акцент.
Шаблон сайта в стиле глассморфизма
+3Матовые стеклянные таблетки на почти чёрном фоне, крупный заголовок с засечками и подписка.
Интерактивная схема архитектуры
+3Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
Интерактивный герой с сеткой
+3Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
Граф знаний из заметок
+3Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
Шаблон KPI-дашборда
+3Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
Лендинг из ИИ-макетов
+3Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
Шаблон сайта журнала
+3Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
Герой с анимацией частиц
+3Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
Сайт личного бренда
+3Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
Кинематографичная страница запуска продукта
+3Почти чёрная страница в свете премьеры: заголовок с засечками, ночная сцена в letterbox и форма брони.
Шаблон админ-панели
+3Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
Шаблон лендинга для SaaS
+3Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
Сайт-портфолио в стиле скрапбукинга
+3Многостраничное онлайн-резюме из бумажных предметов, с кейсами и версией резюме для печати.
Шаблон сайта магазина кроссовок
+3Полноценный магазин обуви или одежды с каталогом, карточками товаров, корзиной и демо-оформлением заказа в одном HTML-файле.
Лендинг автоматизации процессов
+3Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
Вопросы
Работает только для роботов?
Нет. Образец — производитель роботов, но подходит любое небольшое семейство физических продуктов: велосипеды, дроны, колонки, камеры или инструменты. Масштаб линейки, разделы и подписи переносятся на ваши продукты.
Можно ли принимать заказы?
Конфигуратор собирает спецификацию с ценой и передаёт её в форму запроса. Оплату он не принимает, пока вы не подключите провайдера, и страница об этом прямо говорит.
Что делать, если фото продукта пока нет?
PopNow может сгенерировать согласованный набор по одному письменному описанию продукта после оценки общей суммы. До этого на странице могут стоять подписанные плитки-заглушки.
Как убедиться, что от образца ничего не осталось?
Встроенный валидатор упадёт, если останется название бренда-образца, продукт, человек, партнёр, место, номер телефона или домен; он также проверит офлайн-безопасность и то, что каждая ссылка ведёт на страницу.