Что вы получите
- Один HTML-файл со встроенными шрифтами и изображениями, без сетевых запросов
- Разделённый герой, кнопка которого открывает рабочую демонстрацию проверки и согласования
- Вкладки процесса, ползунок сравнения версий, блок возможностей, телефон согласования, журнал аудита и тарифы с местами
- История клиента, сравнение тарифов, журнал изменений, вход, пробная версия, запись на демо, юридические страницы и 404
- По желанию: кадры, портреты, видеоклип и карточка для соцсетей от PopNow после расчёта кредитов
Подходит для
- Инструменты проверки, согласования и совместной работы
- ПО для креатива, производства и агентств
- B2B-продукты, которые продаются через внимательно выстроенный процесс
Не подходит для
- Яркие потребительские приложения с большими иллюстрациями
- Инструменты для разработчиков только в тёмной теме
- Одноэкранные листы ожидания
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Редакционный сайт SaaS» (editorial-saas-website) для этой задачи: Сделайте сайт для Redline Room, инструмента проверки договоров для небольших юридических фирм: черновик, правки, подпись, архив. Тарифы: Solo — $19, Firm — $49 за место, Enterprise.
В агенте для кода
/popnow-editorial-saas-website Сделайте сайт для Redline Room, инструмента проверки договоров для небольших юридических фирм: черновик, правки, подпись, архив. Тарифы: Solo — $19, Firm — $49 за место, Enterprise.
Потом попробуйте
Назовите цену документального фото небольшого юридического офиса и трёх портретов до генерации.
Пока уберите историю клиента, но оставьте маршрут сравнения тарифов.
Что подготовить
- Название продукта, аудитория, одно обещание и главное действие
- Настоящие этапы процесса, возможности, тарифы и цены
- Клиенты, цитаты и цифры, которые можно использовать, либо разрешение на черновики
- По желанию: ключ API PopNow, ваши результаты работы и фото команды
Похожие навыки
Смотреть все →3D-конструктор аватаров
+3Соберите милого плюшевого 3D-персонажа прямо в браузере и сохраните его как прозрачный PNG или 3D-страницу.
Календарная тепловая карта активности
+3Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
Лендинг SaaS с ИИ
+3Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
Анимированный первый экран сайта
+3Первый экран лендинга с плавно сменяющимся словом в заголовке, двумя кнопками и широкой рамкой для изображения.
Сайт агентства с шейдерным героем
+3Живой оранжевый шейдерный герой под крупным заявлением, навигация-таблетка и сетка кейсов.
Тёмный лендинг для SaaS
+3Тёмный маркетинговый сайт с насыщенной анимацией для программного продукта — в одном автономном HTML-файле.
Сайт портфолио дизайнера
+3Шесть наклонённых карточек вокруг заголовка на сером фоне, красная карточка портрета и кейсы.
Сайт-портфолио разработчика
+3Тёмный личный сайт для инженеров с кейсами, статьями, докладами, резюме и формой обратной связи.
Шаблон сайта в стиле глассморфизма
+3Матовые стеклянные таблетки на почти чёрном фоне, крупный заголовок с засечками и подписка.
Сайт аппаратного продукта
+3Огромные тонкие названия моделей на студийных кадрах, матовые карточки характеристик и линейка в масштабе.
Интерактивная схема архитектуры
+3Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
Интерактивный герой с сеткой
+3Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
Граф знаний из заметок
+3Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
Шаблон KPI-дашборда
+3Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
Лендинг из ИИ-макетов
+3Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
Шаблон сайта журнала
+3Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
Герой с анимацией частиц
+3Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
Сайт личного бренда
+3Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
Кинематографичная страница запуска продукта
+3Почти чёрная страница в свете премьеры: заголовок с засечками, ночная сцена в letterbox и форма брони.
Шаблон админ-панели
+3Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
Шаблон лендинга для SaaS
+3Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
Сайт-портфолио в стиле скрапбукинга
+3Многостраничное онлайн-резюме из бумажных предметов, с кейсами и версией резюме для печати.
Шаблон сайта магазина кроссовок
+3Полноценный магазин обуви или одежды с каталогом, карточками товаров, корзиной и демо-оформлением заказа в одном HTML-файле.
Лендинг автоматизации процессов
+3Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
Вопросы
Что происходит, когда нажимают «Play» в герое?
Открывается диалог с комнатой проверки продукта, собранной в HTML и CSS, и проходит один цикл: комментарий, метка, статус меняется на «согласовано» и всплывающее уведомление. Заканчивается кнопкой «Повторить», а при уменьшенном движении сразу показывается итоговое состояние.
Мой продукт не для креативных команд. Подойдёт ли это?
Да, если он двигает работу по этапам. Руководство по адаптации переносит вкладки процесса, кадры, телефон согласования и матрицу поставки на юридические документы, архитектурные чертежи, макеты упаковки и нарезки видео.
Что добавляет PopNow?
Фото, которые страница сама нарисовать не может: результаты работы внутри продукта, документальный фон героя, согласованные портреты, необязательный видеоклип в панели проверки и карточку для соцсетей. Каждый запуск сначала оценивается в кредитах.
Можно ли встроить это в мой существующий сайт на Next.js или Astro?
Да. Навык читает ваш проект и пересобирает разделы как компоненты, а внутренние страницы как настоящие маршруты, со шрифтами, установленными как пакеты, вместо одного файла.