Инструмент · бесплатно · 7 минут

Соберите промпт для сайта, который не стыдно отдать нейросети

Отвечаете на вопросы по шагам — получаете профессиональное ТЗ-промпт, с которым ИИ соберёт сайт уровня студии, а не шаблон. Всё считается прямо в браузере, ответы сохраняются автоматически.

Шаг 1 из 5Бизнес, ниша и референсы

О бизнесе

Это ядро промпта. Чем конкретнее — тем меньше нейросеть выдумывает. Пустое поле просто не попадёт в промпт — без заглушек и лишних вопросов.

Название компании

Что продаём

Кому (целевая аудитория)

Гео

Средний чек

Оффер / УТП

3 главные боли клиента

Соцдоказательства

Цифры, кейсы, отзывы, регалии — всё, что подтверждает результат.

Цель сайта

Лиды Продажи Запись Подписка

KPI — по чему поймём, что сайт сработал

Ссылки на ваши сайты и соцсети

Откуда исполнителю брать информацию, тон и факты о вас.

Ссылки на исследования аудитории / JTBD

Можно ссылку или текстом — что вы уже знаете о задачах клиента (Jobs To Be Done).

✓ Провести ресёрч зарубежных сайтов ниши (US/EU)Найти и вытащить 5 работающих паттернов, адаптировать под рынок

Ниша

Ниша бизнеса

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

Инфобизнес Товарка и e-com Локальные услуги Франшиза SaaS B2B-производство Другое

Опишите вашу нишу

Референсы для изучения

Что исполнителю изучить перед сборкой, чтобы не изобретать велосипед. Список подстроился под вашу нишу.

✓Лендинги топ-запусковКак продают флагманы ниши ✓Вебинарные воронкиСтруктура прогрева и оффера ✓Курсы лидеров GetCourseКак упакованы программы ✓Западные course-платформыTeachable, Kajabi, Podia

✓Лидеры Ozon / WBКарточки-топы в вашей категории ✓DTC-бренды на ShopifyКак строят продуктовую страницу ✓Страницы товара с UGCОтзывы и фото покупателей

✓Топ-3 из контекстаКто платит за клики в вашем городе ✓Лидеры на Картах и Профи.руКакие обещания дают клиенту

✓Разделы «Франшиза» сетейКак продают франшизу федералы ✓Каталоги франшизТоп-карточки на franshiza.ru и др. ✓Фин.модель и окупаемостьКак показывают деньги партнёру

✓Pricing западных SaaSКак строят тарифную сетку ✓Product-tour лидеровКак показывают продукт в действии ✓Топы Product HuntСвежие лончи в вашей категории

✓Сайты лидеров отраслиКак выглядят топы рынка ✓Кейс-страницыКак оформляют проекты и результаты ✓Отраслевые рейтингиГде присутствуют лидеры

Выберите нишу выше — и здесь появятся подходящие референсы.

Свои референсы (URL)

Сайты, которые вам нравятся или на которые стоит равняться.

Блоки сайта

Соберите структуру страницы. Порядок в промпте — сверху вниз, как вы отметите. Современная библиотека блоков, не шаблон-конструктор.

✓ Hero splitЗаголовок слева, визуал справа ✓ Hero full-bleedНа весь экран, кинетическая типографика ✓ Hero с tilt-продуктомПродукт наклоняется за курсором ✓ Bento-гридПреимущества плитками разного размера ✓ Marquee логотиповБегущая строка клиентов или цифр ✓ Sticky-storyВизуал залипает, текст сменяется ✓ Лента кейсовГоризонтальная прокрутка проектов ✓ До / послеПолзунок-сравнение результата ✓ Тарифы-пакеты2–3 пакета, средний акцентный ✓ Отработка возраженийКонтентные секции, НЕ FAQ-гармошка ✓ Квиз-секцияВовлекающий опрос с расчётом ✓ Команда / лицо брендаЖивые люди повышают доверие ✓ Финальный CTAСильный призыв в конце страницы ✓ Карта и контактыАдрес, карта, способы связи

Характер анимации

Выберите, как оживёт сайт при скролле и наведении. Можно несколько — наведите на карточку, демо покажет эффект вживую.

✓ Параллакс слоёвФон и объекты движутся с разной скоростью ✓ Reveal при скроллеБлоки всплывают снизу со stagger-задержкой ✓ РОСТ! Кинетическая типографикаБуквы масштабируются при скролле, стиль Awwwards ✓ Горизонтальный скроллСекция едет вбок при вертикальном скролле ✓ РОСТ · ЛИДЫ · ROI · РОСТ · ЛИДЫ · ROI · СТУДИЯ · КЕЙСЫ · СТУДИЯ · КЕЙСЫ · Бегущая строкаMarquee-строки едут навстречу друг другу ✓ Оставить заявку Магнитные кнопкиHover-микровзаимодействия, элементы тянутся к курсору ✓ 0клиентов за год Счётчики цифрЧисла набегают вверх при появлении в поле зрения ✓ Спокойный сайтМинимум анимаций, только мягкие появления

Стиль, цвета и шрифт

Выберите эстетику, палитру и характер шрифта. Стиль задаёт общее направление дизайна.

Стиль дизайна

Минимализм Швейцарский Брутализм Нео-брутализм Y2K Эклектика Glassmorphism Мемфис Тёмный неон Ретро 70-х Люкс Органика

Палитра — фон · текст · акцент

✓Aa#F4F3EE·#15181C·#C8F048 ✓Aa#FAF6F0·#1C1917·#E5484D ✓Aa#0E0F12·#F2F2F0·#C9A227 ✓Aa#FFFFFF·#101828·#6B5BD8 ✓Aa#F2F4EF·#1A2E1A·#2F6B3C ✓Aa#0A0A0A·#FAFAFA·#00E5A0 ✓Aa#F3E8FF·#2B1140·#FF5FA2 ✓Aa#0C0C0C·#F5F5F5·#B4FF39 ✓Aa#F5EDE4·#2A1E17·#C4593B ✓Aa#F7F8FA·#0B1220·#2B5BF5 ✓Aa#08131A·#EAFBFF·#22D3EE ✓Aa#FFFFFF·#0A0A0A·#0A0A0A ✓Своизадать вручную →

Фон Текст Акцент

Характер шрифта

Современный гротеск Гуманистический Антиква + гротеск Моно / техно Дисплейный гротеск Округлый гротеск Экспрессивная антиква

Фавикон

Фавикон — иконка сайта

Маленькая иконка во вкладке браузера. Её часто забывают сделать — здесь фиксируем, из чего. В любом случае соберётся полным сетом.

Монограмма из логотипа Готовый файл Эмодзи На усмотрение

Эмодзи для иконки

Мобильная версия

Всё включено по умолчанию — снимите галочку, если что-то не нужно.

✓Mobile-first 390pxБез горизонтального скролла ✓Нижняя sticky-CTAКнопка всегда под рукой ✓Упрощённые анимацииЛегче для слабых устройств ✓Бургер-менюМожно выключить

Что собираем

Что собираем?

От этого зависит, нужно ли настраивать домен, SSL, аналитику и приём заявок — или всё это уже есть на сайте.

Новый раздел существующего сайта Сайт с нуля

«Новый раздел» — домен, HTTPS, счётчики и приём заявок уже настроены: блоки «Домен»/«SSL» скроются, а «Аналитика»/«Приём заявок» свернутся в напоминание. «С нуля» — все технические блоки раскрываются полностью.

Домен

На какой домен вешаем сайт.

Домен сайта

Без https:// — просто домен.

SSL

SSL-сертификат

Нужен ли валидный HTTPS-сертификат при первом деплое.

✓Выпустить сертификатLet's Encrypt (certbot), привязка к вебсерверу, автопродление

Аналитика

Счётчики, которые нужно подключить на новом сайте.

Счётчики уже стоят глобально — не дублируй, наследуй.

✓Счётчики уже стоят — пропустить

Яндекс.Метрика

VK Пиксель

GA4 / GTM — опционально

Приём заявок

Куда падают заявки с формы нового сайта.

Форма уходит в существующий обработчик — переиспользуй endpoint, новый не создавай.

Уже настроено на сайте AMO CRM Telegram На почту / leads.json

Поддомен AMO CRM

ID воронки (pipeline_id)

ID статуса (status_id)

Способ авторизации

Long-lived токен OAuth (client_id/secret)

Long-lived токен

client_id

client_secret

redirect_uri

Промпт с ключами не выкладывать публично.

Bot token

chat_id

Промпт с ключами не выкладывать публично.

Email для заявок — опционально

Админка

Нужна ли админка

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

Не нужна — правки в коде Нужна — буду менять сам

Что хочу менять сам через админку

✓Фото и картинкиЗагрузка и замена изображений ✓ТекстыЗаголовки и описания ✓Цифры и офферЦены, показатели, УТП ✓ЗаявкиПросмотр присланных форм

Форма захвата

Как именно сайт собирает контакт. Маску телефона +7 (___) ___-__-__ добавим в промпт автоматически.

Тип формы

Квиз 3–5 шагов Открытая форма Двухшаговая Запись на слот Калькулятор

Поля формы

✓Имя ✓Телефон ✓Email ✓Мессенджер ✓Комментарий

Подвал

Тип подвала и что в нём разместить.

Тип подвала

Минимальный Колонки Большая типографика с CTA

Содержимое подвала

✓Реквизиты ✓Ссылки на политики ✓Соцсети ✓Карта ✓Копирайт

Реквизиты и юридическое

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

Форма и название

ИНН

ОГРН / ОГРНИП

Телефон

Адрес

Юридические элементы

✓Политика конфиденциальности ✓Согласие на обработку ПДнЧекбокс в форме, 152-ФЗ ✓Публичная оферта ✓Cookie-плашка

Страница «Спасибо»

Минимальная С видео-приветствием С next-step

Ссылка на видео-приветствие

Что именно на странице «Спасибо»

Приёмы убеждения

Библиотека приёмов убеждения

204 приёма подачи из методички FRM. Отметьте нужные — в промпте они уйдут номером и названием со ссылкой на справочник. Или соберите набор одним пресетом внизу. Ничего не отметите — нейросеть подберёт уместное сама.

Загружаем приёмы…

Пресеты — отметить набор одним нажатием

Правила качества

Стандарты, по которым исполнитель обязан собрать и проверить сайт. Все включены по умолчанию.

✓Текст по левому краюБез центрированных простыней ✓Сетка 12 колонокОтступы кратны 8px ✓ВоздухБез «коробок в коробках» ✓Фавикон полным сетомsvg + ico + apple-touch + manifest ✓Тексты дословноБез пересказа и вольностей ✓Самопроверка после сборкиПройти страницу, формы, 390px, grep ✓Типографика с NBSPПредлоги и союзы не висят на переносе ✓Акцент дозированноАкцентный цвет ≤7 раз на десктопе, по смыслу ✓Геометрия карточекРадиус 20px, паддинг 24–32px ✓Ноль заглушекНикаких lorem и токенов-плейсхолдеров в поставке ✓Кэш-бастинг CSS/JSVersion-хэш после правок — клиент видит новое, не кэш

Правила работы с Claude Code

Как именно исполнитель должен вести процесс, а не только что сдать на выходе.

✓Бэкап перед правкамиGit commit или .bak-копия — прежде чем менять существующий код ✓Проверка в браузере, а не по кодуОткрыть сайт, прокликать, посмотреть консоль — код может выглядеть правильным и не работать ✓Доводить до результатаНе сдавать первую версию — итерировать, пока не будет чётко и без багов

Куда деплоить

IP или домен хостинга, если уже известен.

Ваш промпт готов

Не хотите собирать сами — соберём сайт под ключ

Отдадите нам этот же промпт — и получите готовый сайт уровня студии. Оставьте контакт, вернёмся с оценкой и сроками.

Соглашаюсь с обработкой персональных данных и политикой конфиденциальности.

Другие конструкторы FRM