Промпт для Tailwind-лендинга в Cursor, который экономит час на каждом макете

Промпт для Tailwind-лендинга в Cursor, который экономит час на каждом макете

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

Промпт, который обычно даёт нормальный первый проход:
Собери одностраничный лендинг на Tailwind.
Структура: hero, 3 преимущества, блок доверия, CTA, футер.
Стиль: чистый, контрастный, без градиентного мусора, mobile-first.
Сделай семантическую разметку, единые отступы, аккуратные кнопки.
Не добавляй лишние секции. Используй только Tailwind classes.
Если чего-то не хватает — задай 3 уточняющих вопроса, иначе собери сразу.

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

Главный лайфхак — просить Cursor не просто генерировать верстку, а сначала вывести структуру секций, потом код. Так он реже теряет логику страницы и легче правится по месту. Если лендинг нужен под трафик, это экономит не минуты, а целый цикл правок.

Итог простой: чем жёстче вы описали структуру и ограничения, тем меньше Tailwind-хаоса в коде. Для Cursor это лучший формат: короткое ТЗ, конкретный стиль, минимум свободы, максимум предсказуемости.