Как написать идеальный промпт для Cursor: пошаговое руководство

Почему обычный промпт не работает

Большинство разработчиков пишут промпты для Cursor в свободной форме: «Сделай мне лендинг для SaaS-продукта». Результат — непредсказуемый код, который нужно переписывать.

Проблема не в Cursor, а в промпте. AI-агент — это исполнитель, которому нужно чёткое техническое задание, а не пожелание.

Структура идеального промпта

Хороший промпт для Cursor содержит пять элементов:

1. Контекст проекта

Опишите, что это за проект, какой стек и какие ограничения:

• •Технологии: Next.js 15, Tailwind CSS, TypeScript
• •Тип проекта: лендинг / дашборд / e-commerce
• •Целевая аудитория: PM, разработчики, маркетологи

2. Структура страницы

Перечислите блоки в порядке появления на странице:

• •Header с навигацией
• •Hero-секция с заголовком и CTA
• •Секция преимуществ (3 карточки)
• •Секция «Как это работает» (3 шага)
• •Тарифы
• •FAQ
• •Footer

3. Детали каждого блока

Для каждого блока укажите:

• •Какой контент в нём находится (заголовки, тексты, кнопки)
• •Требования к адаптивности (desktop / tablet / mobile)
• •Семантическая разметка (какие HTML-теги использовать)
• •Поведение (анимации, интерактивность)

4. Дизайн-токены

Укажите визуальные параметры:

• •Цветовая схема (основные цвета, фон, акценты)
• •Типографика (шрифт, размеры заголовков)
• •Скругления, тени, отступы

5. SEO и метаданные

Добавьте требования к:

• •Title и description
• •Open Graph разметке
• •Структурированным данным (Schema.org)
• •Alt-текстам для изображений

Пример: плохой vs хороший промпт

Плохой промпт:

«Сделай красивый лендинг для моего SaaS-продукта»

Хороший промпт (фрагмент):

«Создай лендинг на Next.js 15 + Tailwind CSS. Структура: 1) Header — логотип слева, навигация: Возможности, Тарифы, FAQ. Кнопка "Попробовать" справа. Sticky на скролле. 2) Hero — заголовок h1: "Автоматизируйте отчётность за 5 минут", подзаголовок: "AI-сервис для финансовых команд"...»

Как ProtoSpec решает эту задачу

Вместо того чтобы вручную описывать каждый блок, вы можете собрать структуру визуально в ProtoSpec. Конструктор генерирует структурированный промпт, который включает все пять элементов — от контекста до SEO.

Попробуйте бесплатно: 2 AI-генерации в день на тарифе Starter.

Чеклист перед отправкой промпта в Cursor

• •Указан стек технологий
• •Перечислены все блоки страницы
• •Для каждого блока есть контент и требования
• •Указаны дизайн-токены
• •Добавлены SEO-требования
• •Промпт структурирован, а не написан сплошным текстом