Промт для создания сайта в Cursor и Claude Code (скопировать)

Этот промт просит Cursor или Claude Code написать код сайта по шагам: сначала план и вопросы, потом вёрстка, форма заявок и подготовка к публикации. Замените переменные в квадратных скобках и отправьте агенту в режиме плана.

Собери сайт: [тип сайта, например одностраничный сайт студии йоги].
Стек: [Astro, статическая сборка, без бэкенда]. ТЗ: @[docs/spec.md].

Работай по шагам и после каждого шага останавливайся:
1. План. Код пока не пиши. Задай вопросы по всему, что неясно в ТЗ.
   Потом перечисли страницы и блоки, файлы, которые создашь, и как я проверю каждый шаг.
2. Вёрстка. Блоки строго из ТЗ, по порядку. Тексты бери из ТЗ,
   где их нет — ставь [ЗАПОЛНИ]. Сайт должен нормально выглядеть на телефоне.
3. Форма заявок через [Netlify Forms / Formspree]. Адрес формы — из переменной окружения.
4. Публикация на [Vercel / Netlify / GitHub Pages]: что настроить в проекте и что сделать мне.

Правила:
- Не добавляй страницы, блоки и библиотеки, которых нет в ТЗ.
- Не придумывай отзывы, цены и контакты.
- После каждого шага запусти [npm run build], пришли вывод и список изменённых файлов.

Инструменты

Промт нужен, чтобы получить код сайта, а не тексты для лендинга. Если попросить нейросеть «сделай лендинг для студии йоги», она часто отвечает текстом: заголовки, преимущества, призыв к действию. Агенту для кода нужна другая постановка: стек, файлы, порядок работы и проверка.

Переменные#

Переменная	Что подставить	Пример
`[тип сайта]`	что за сайт и для кого	одностраничный сайт студии йоги
`[стек]`	на чём собирать	Astro, статическая сборка, без бэкенда
`@[docs/spec.md]`	файл с ТЗ в проекте	@docs/spec.md — шаблон на странице ТЗ для нейросети
`[Netlify Forms / Formspree]`	сервис, который принимает заявки	Formspree, если хостинг не Netlify
`[Vercel / Netlify / GitHub Pages]`	где будет сайт	Netlify
`[npm run build]`	команда сборки	для Astro — `npm run build`

Если ТЗ ещё нет, напишите его до промта. Без ТЗ агент сам решит, какие блоки нужны, и будет прав только случайно.

Как работает промт#

Шаг 1 — план. Включите режим плана: в Cursor и в Claude Code это Shift+Tab. Агент задаёт вопросы и показывает план, ничего не меняя. Исправьте план и только потом скажите «делай шаг 2». Подробнее — в промте «сначала план».
Шаг 2 — вёрстка. [ЗАПОЛНИ] вместо выдуманных текстов позволяет сразу увидеть, где не хватает данных.
Шаг 3 — форма. У статического сайта нет сервера, поэтому заявки принимает внешний сервис. Адрес формы в переменной окружения проще менять, и он не разбросан по коду.
Шаг 4 — публикация. Агент готовит проект, а вход в аккаунт хостинга и подключение репозитория вы делаете сами.

Как проверить#

После каждого шага:

Сборка проходит без ошибок (агент присылает вывод).
Список изменённых файлов совпадает с планом. Лишние файлы — повод спросить, зачем они.
Откройте сайт локально: блоки и порядок как в ТЗ, на узком окне браузера ничего не разъезжается.
После шага 3 отправьте тестовую заявку. После шага 4 — ещё раз, уже с опубликованного сайта.

Если что-то сломалось и агент чинит по кругу, возьмите промт для исправления ошибки.

Вариант в один промт#

Для очень простой страницы можно обойтись без пауз между шагами. Вариант:

Сделай одностраничный сайт по ТЗ в @docs/spec.md на Astro, без бэкенда.
Сначала покажи план и дождись моего «ок». Потом сделай всё за один заход:
вёрстка, форма через Formspree (адрес из переменной окружения),
настройка для публикации на Netlify. Тексты только из ТЗ, где нет — [ЗАПОЛНИ].
В конце: вывод npm run build и список файлов.

Цена такого варианта — ошибку из первого шага вы увидите только в конце, когда исправлять дольше.

Задача целиком#

ТЗ, файл правил для агента, настройка формы и публикации, чек-лист «сайт не работает» — на странице сайт с помощью нейросети. Этот промт — сжатая версия её шагов. Чем пользоваться без оплаты — в подборке бесплатные нейросети для программирования.

Вопросы и ответы

Какой промт дать нейросети, чтобы создать сайт?

Тот, в котором есть тип сайта, стек, ссылка на ТЗ, порядок шагов и проверка после каждого. Готовый текст — на этой странице: замените переменные в квадратных скобках и отправьте агенту в режиме плана.

Подойдёт ли этот промт для лендинга?

Да, пример в переменных — как раз одностраничный сайт. Для лендинга важно, чтобы в ТЗ были перечислены блоки по порядку и тексты, иначе агент заполнит их сам.

Можно ли использовать промты и шаблоны отсюда в своём проекте?

Да, для этого они и опубликованы: копируйте и меняйте под свою задачу.

Чем сайт в Cursor отличается от сайта на Tilda?

Tilda — конструктор: сайт собирают из готовых блоков в визуальном редакторе, и он работает на платформе Tilda. В Cursor или Claude Code агент пишет код, который принадлежит вам: его можно хранить в своём репозитории и опубликовать на любом подходящем хостинге. Взамен вам придётся проверять результат и разбираться с публикацией.

Как пользоваться Cursor бесплатно?

У Cursor есть бесплатный план Hobby с меньшими лимитами, чем у платных. Его и другие бесплатные варианты мы собрали в подборке «Бесплатные нейросети для программирования».