Хороший промпт для конструктора сайтов с ИИ называет цель, аудиторию, страницы, функции, которым нужны данные или вход, оплату и письма, если они нужны, и желаемый внешний вид. Одно понятное сообщение с приложенными файлами лучше десяти расплывчатых, ведь каждая сборка расходует часть лимита вашего тарифа.
- Пишите промпт из шести частей: цель, аудитория, страницы, данные и функции, интеграции, внешний вид.
- Подробно опишите каждую функцию, которая сохраняет данные или требует входа, и кто что видит. Именно здесь расплывчатые промпты и проваливаются.
- Назовите внешние сервисы, которыми будете пользоваться, например платёжный сервис или ваш почтовый аккаунт, чтобы сборка подготовила их под ваши ключи.
- Прикладывайте свои файлы и пишите, для чего каждый из них.
- Просите правки, называя страницу, элемент и желаемый результат, и собирайте их в одно сообщение.
Почему так важно первое сообщение
В WisyLink каждая сборка расходует скользящий лимит вашего тарифа, у которого есть окно 5 часов и недельное окно. На бесплатном тарифе Community одна сборка заполняет всё окно 5 часов. Если первое сообщение упускает половину требований, вы теряете сборку и ждёте, прежде чем сможете это исправить.
Первое сообщение задаёт и структуру сайта: какие есть страницы, что сохраняется, какие бывают пользователи и что каждый из них видит. Цвета, тексты и расположение блоков потом поменять дёшево. Дорого переделывать именно структуру, потому что новая роль или новый тип записей затрагивает сразу много страниц. Поэтому структуру закладывайте в первое сообщение.
Полное сообщение — это ещё и меньше вопросов. Чат-ассистент Wisy задаёт один короткий вопрос всякий раз, когда не хватает чего-то существенного, и начинает сборку, только получив всё нужное. Чем больше ответов уже есть в сообщении, тем раньше стартует сборка. Разрыв между тем, что вы имеете в виду, и тем, что получается, вполне реален; где он возникает, разбирается в нашем эссе о верности намерению.
Формула промпта из 6 частей
Опишите эти шесть частей в таком порядке, и первой сборке придётся угадывать гораздо меньше:
- Цель. Чего должен добиться сайт, одним предложением. «Собрать заявки в лист ожидания до запуска», а не «сайт для моего стартапа».
- Аудитория. Кто им пользуется, с каждым типом пользователей: посетители, участники, клиенты, сотрудники, администраторы.
- Страницы. Перечислите их или перечислите разделы одностраничного сайта.
- Данные и функции. Что сохраняется, кто может это видеть или менять, и правила: число мест, обязательные поля, ограничения по датам, статусы.
- Интеграции. Оплата, отправка писем, вход через соцсети или другой сервис с API. Напишите, что делает каждый из них; ключи вы добавите после сборки в разделе «Интеграции», а не в чате.
- Внешний вид. Два-три прилагательных, ваши цвета, приложенный логотип и язык или языки сайта.
| Часть промпта | Слабая версия | Сильная версия |
|---|---|---|
| Цель | «Сайт для моей студии йоги» | «Чтобы новички записывались на первое занятие онлайн» |
| Аудитория | «Все» | «Новички 30–60 лет из нашего района; администратор только я» |
| Страницы | «Обычные страницы» | «Главная, Расписание, Цены, О студии, Контакты» |
| Данные и функции | «Запись» | «Запись в группу до 10 человек; имя и email обязательны; после начала занятия запись закрыта» |
| Интеграции | «Оплата» | «Онлайн-оплата абонемента на 10 занятий через мой платёжный сервис; письмо с подтверждением через мой SMTP» |
| Внешний вид | «Современно и чисто» | «Спокойно и воздушно: молочно-белый, шалфейный зелёный, скруглённые кнопки, приложенный логотип; русский язык» |
Какой длины должен быть промпт? Достаточной, чтобы охватить шесть частей, — обычно это несколько коротких абзацев. Длина без деталей не помогает: длинная история о вашем пути не даёт конструктору ничего, что можно построить. Для ориентира: API и CLI WisyLink принимают сообщения до 5000 символов, чего с запасом хватает даже на подробное ТЗ.
Можно ли писать на русском? Да. Wisy отвечает на языке вашего последнего сообщения, будь то русский, английский или любой другой. Язык самого сайта задаётся отдельно: сайт остаётся на том языке, на котором его собрали, пока вы явно не попросите перевод. Поэтому если пишете по-русски, а сайт нужен на английском, так и напишите: «сайт должен быть на английском».
Готовые шаблоны для пяти типичных сайтов
Замените всё в [квадратных скобках], удалите необязательные части, которые вам не нужны, приложите файлы и отправляйте. Каждый шаблон построен по формуле из шести частей.
Лендинг с листом ожидания
Сделайте одностраничный лендинг для [название продукта] — [одно предложение о том, что он делает] для [кого].
Разделы: заголовок и подзаголовок, три главных преимущества, как это работает в трёх шагах, короткий FAQ и форма листа ожидания (email обязателен, [по желанию: размер компании или должность]).
Сохраняйте каждую заявку, отклоняйте повторные email и показывайте сообщение с подтверждением прямо на странице. Сделайте страницу администратора, доступную только мне, со списком заявок и датами и возможностью скачать их в CSV.
Внешний вид: [два-три прилагательных], [цвета], используйте приложенный логотип. Язык: [язык].
Почему работает: одна цель, одна форма и понятное правило для повторов. Обратите внимание: заголовок не должен обещать больше, чем умеет ваш продукт. Перепишите его своими словами.
Сайт для онлайн-записи
Сделайте сайт онлайн-записи для [название], [тип бизнеса, например салон красоты или барбершоп] в [город].
Посетители видят свободные [окна или занятия] на ближайшие [две] недели и записываются, указав имя, email и телефон. Услуги: [список с длительностью и ценой или «см. приложенный прайс-лист»]. В каждое окно помещается [1] запись; когда окно занято, записаться в него больше нельзя. После записи показывайте страницу подтверждения.
Страница администратора только для меня: добавлять и убирать свободное время, видеть и отменять записи. [По желанию: присылайте письмо мне и клиенту при новой записи через мой SMTP-аккаунт.]
Страницы: Главная, Услуги, Запись, Контакты. Стиль: [стиль]. Язык: [язык].
Почему работает: число мест и правило «занято — значит занято» прописаны явно, поэтому записи не наложатся друг на друга. Обратите внимание: часовые пояса и часы работы. Укажите их, если клиенты записываются из других городов.
Небольшой интернет-магазин
Сделайте небольшой интернет-магазин для [название магазина], который продаёт [что] для [кого].
Товары — в приложенном [products.csv] (столбцы: название, категория, цена, остаток, описание, имя файла фото); используйте приложенные фото. У каждого товара своя страница. В каталоге фильтры по категории и цене.
Оплата через мой платёжный сервис [название сервиса с API], [доставка или самовывоз]. Сначала сохраняйте каждый заказ и отмечайте его оплаченным, только когда платёжный сервис подтвердит оплату. После оплаты уменьшайте остаток, а при нуле показывайте «нет в наличии».
Страница администратора: править товары и остатки, видеть заказы, отмечать отправленные. Стиль: [стиль]. Язык: [язык].
Почему работает: данные приходят чистым файлом, а правило оплаты сформулировано. Обратите внимание: не просите строку поиска по большому каталогу. WisyLink фильтрует по полям вроде категории и цены, но полнотекстового поиска у него нет, так что правильная просьба — фильтры. Если вы работаете из России, учтите, что Stripe и PayPal российских продавцов не обслуживают: подключить можно сервис, у которого есть API.
Личный кабинет клиента
Сделайте личный кабинет клиента для [название агентства или компании].
Аккаунты клиентов создаю я на странице администратора; сами клиенты зарегистрироваться не могут. Каждый клиент входит и видит только свои проекты: статус, следующие шаги и файлы, которые я для него загружаю, закрытые от остальных. Клиенты могут загружать мне файлы до [размер] МБ каждый и комментировать проект.
Страница администратора: создавать клиентов и проекты, менять статус, загружать файлы, читать комментарии. [По желанию: присылайте клиенту письмо, когда меняется статус его проекта, через мой SMTP-аккаунт.]
Внешний вид: [деловой, минималистичный], [фирменные цвета], приложенный логотип. Язык: [язык].
Почему работает: сказано, кто создаёт аккаунты и что каждый клиент видит только свои данные, — два решения, на которых держится личный кабинет. Обратите внимание: размер файлов. Загрузка ограничена 25 МБ на файл.
Внутренний инструмент
Сделайте внутренний учёт [заявок, склада или оборудования] для нашей команды из [число] человек.
Сотрудники входят под аккаунтами, которые создаю я. Они могут [добавить заявку или взять предмет] со следующими полями: [поля]. Статусы: [Новая, В работе, Готово]. Руководители меняют статус и назначают ответственного; сотрудники видят [только свои или все] записи.
Страница со списком и фильтрами по статусу, сотруднику и дате, плюс сводка: сколько записей в каждом статусе. Начальный список [позиций] возьмите из приложенного [file.xlsx].
Чистый компактный интерфейс, в первую очередь для компьютера. Язык: [язык].
Почему работает: роли, статусы и видимость названы явно. Обратите внимание: всё, что должно срабатывать в точную минуту. Задачи по расписанию в WisyLink запускаются с интервалом от 30 до 60 минут — для напоминаний и уборки устаревших записей подходит, для точных таймеров нет.
Готовы попробовать? Начните бесплатно на Community, вставьте шаблон и приложите файлы.
Как пользоваться справочными файлами
Файлы несут те подробности, которые не стоит впихивать в промпт. WisyLink принимает 17 типов файлов до 25 МБ каждый, в том числе изображения (JPEG, PNG, WebP, GIF, HEIC, SVG), PDF, Word, Excel, CSV, обычный текст и JSON. Для чего что подходит:
- Логотип: SVG или PNG с прозрачным фоном, чтобы он аккуратно смотрелся на любом цвете.
- Меню или буклет в PDF: главный источник позиций, описаний и цен.
- Прайс-лист или CSV с товарами: одна строка на позицию, строка заголовков с простыми названиями столбцов, единообразное написание категорий и имена файлов фото, совпадающие с загруженными фотографиями.
- Готовые тексты: ваш текст «О нас» или описания услуг в файле Word или текстовом файле, чтобы формулировки остались вашими.
- Скриншоты вашего собственного бренда: листовка, упаковка или нынешний сайт, чтобы перенести цвета и настроение.
Пишите, для чего каждый файл: «цены берите из prices.csv, team.jpg поставьте на страницу „О нас“, цвета как в flyer.pdf». Файлы остаются в справочных файлах ссылки (так в WisyLink называется проект), поэтому следующие сборки могут пользоваться ими без повторной загрузки. Для длинных списков выборочно сверьте результат с файлом и попросите страницу администратора, чтобы исправлять записи самостоятельно.
Используйте собственные материалы. Скриншот чужого сайта провоцирует копию чужого дизайна, а это и неоригинально, и небезопасно. Лучше опишите, что вам в нём нравится: «крупные фото, много воздуха, один яркий акцентный цвет».
Уточняющие промпты: как точно просить правки
В хорошей просьбе о правке четыре части: где, что, какое изменение и какое правило за ним стоит. Сравните:
- «Сделайте поярче» превращается в «На главной сделайте кнопку „Записаться на занятие“ крупнее и тёмно-зелёной и покажите её на мобильных без прокрутки».
- «Исправьте форму» превращается в «На странице „Контакты“ форма принимает пустой email. Сделайте email обязательным и показывайте ошибку под полем».
- «Запись не работает» превращается в «Я записался на занятие во вторник в 18:00, а там по-прежнему свободно 10 мест из 10. Запись должна уменьшать число мест на одно».
Для ошибок описывайте, что вы сделали, что произошло и что должно было произойти. Если исправлений несколько, отправьте один нумерованный список одним сообщением. И направление всегда можно сменить полностью: «Переделайте весь сайт в более тёмном, премиальном стиле; контент и страницы оставьте» — вполне нормальная правка.
За всем этим стоит одна привычка: давать конструктору правильный контекст, а не подбирать хитрые формулировки, — эту идею мы разбираем в статье об инжиниринге контекста. Это же отличает дисциплинированную работу с промптами от гадания, о чём наш материал о дисциплине вайб-кодинга.
Ошибки, на которые впустую уходят сборки
- Отправлять идею по кусочкам. Пять коротких сообщений — это пять раундов вопросов или сборок. Сначала напишите всё ТЗ целиком.
- Не указать, кто что видит. «Клиенты могут входить» без «и видят только свои файлы» — частый пробел в личных кабинетах и сайтах для участников.
- Просить то, чего платформа не делает. Нативных приложений для App Store, сгенерированных ИИ фото или видео, полнотекстового поиска по большому каталогу и расписаний с точностью до минуты нет. Вместо этого просите веб-приложение, стоковые или собственные фото, фильтры и задачи с интервалом 30–60 минут.
- Вставлять ключи или пароли в чат. Им место в разделе «Интеграции», да и Wisy всё равно не примет их в чате.
- Случайно сменить язык. Если написать правку на другом языке, сайт не переведётся. Нужен перевод — попросите о нём.
- Слова о стиле, за которыми ничего нет. «Современный» ничего не значит без цветов, настроения и логотипа.
- Просить выдуманные доказательства. Придуманные отзывы, логотипы клиентов или «10 000 довольных покупателей» вводят посетителей в заблуждение. Используйте реальные отзывы с согласия авторов или уберите этот раздел.
- Слишком широкий замах на бесплатном тарифе. Бесплатные сборки нацелены на работающую первую версию. Начните с основного сценария и добавляйте функции, когда он заработает.
Чек-лист перед отправкой
Прежде чем нажать «Отправить», проверьте, что в сообщении есть:
- Цель одним предложением
- Все типы пользователей, включая вас как администратора
- Список страниц или разделов
- Всё, что сохраняется, и кто может это видеть и менять
- Правила: число мест, обязательные поля, ограничения, статусы
- Оплата, письма и другие сервисы с названием провайдера
- Внешний вид: прилагательные, цвета, приложенный логотип
- Язык или языки сайта
- Каждый приложенный файл с пояснением, для чего он
- Ваш реальный контент вместо всего, что иначе пришлось бы угадывать
Отправьте первое сообщение
Выберите шаблон, который ближе всего к вашему проекту, заполните скобки, приложите файлы и один раз пройдитесь по чек-листу. Полный путь от первого сообщения до своего домена описан в статье о том, как создать сайт с помощью ИИ, а общая картина — в материале о том, что такое ИИ-конструктор приложений. Больше идей проектов, под которые можно адаптировать эти шаблоны, — в сценариях использования.
Опишите сайт одним сообщением и получите живую ссылку: начните бесплатно на Community, без привязки карты.
ЧАВО