<b>Промпт для Cursor, который собирает Tailwind-лендинг без лишней ручной верстки</b>

<b>Промпт для Cursor, который собирает Tailwind-лендинг без лишней ручной верстки</b>

Если задача — собрать лендинг на Tailwind, не просите «сделай красиво». Cursor лучше работает, когда ему сразу задать каркас, секции и ограничения. Иначе он придумает лишние блоки, собьёт иерархию и нагенерит классы, которые потом больно чистить.

Промпт:
<pre>Собери одностраничный лендинг на Tailwind CSS.
Структура: hero, benefits, social proof, FAQ, CTA.
Стиль: минималистичный, много воздуха, без анимаций, без сложных градиентов.
Ограничения:
— не использовать кастомный CSS, только Tailwind utility classes
— не добавлять лишние секции
— адаптивность для mobile-first
— все тексты в виде реалистичных заглушек
— CTA-кнопка одна, в hero и в финале одинаковая
Если где-то не хватает данных, ставь аккуратные placeholder-блоки, а не выдумывай.</pre>

Что важно добавить в отдельной строке: формат сетки, тон текста, число карточек и запрет на «декоративный шум». Для прелендера это критично — чем меньше свободы, тем меньше правок после генерации. Cursor особенно хорошо держит такие рамки, когда просите не «дизайн», а конкретную структуру с ограничениями.

Финал: сначала задайте скелет лендинга, потом просите стилизацию. Так Tailwind-код получается чище и быстрее уходит в прод.