Вы просите Cursor «сделай лендинг» и внезапно видите Next.js, package.json и красный текст после npm install — кажется, cursor ai сайт только для программистов. На самом деле для первой гипотезы хватит одного index.html, правила landing.mdc и Agent (Ctrl+I). За один вечер вы соберёте одностраничник с формой заявки, проверите его двойным кликом и получите https-ссылку через Vercel Drop — без npm, React и терминала.
Cursor AI — это не конструктор вроде Tilda, а редактор, где вы описываете страницу словами, а Agent правит файлы. Секрет новичка: landing.mdc запрещает тяжёлый стек и держит один index.html со стилями через Tailwind CDN. Форма уходит через Formspree (50 писем в месяц бесплатно), публикация — перетаскиванием папки на vercel.com/drop. «cursor ai сайт» в Wordstat — около 165 показов в месяц, «создать лендинг» — 2 113: люди ищут результат, а не IDE.
Алина, SMM-щик, написала «сделай лендинг для курса» — Agent развернул Next.js и попросил npm install. Программа закрылась на ошибке, и казалось, что без кода нельзя. Проблема была в отсутствии правила «только plain HTML». Ниже — путь маркетолога: пустая папка, одно правило, промпт человеческим языком и первый лендинг без страха «я что-то сломаю».
Подготовьте папку проекта и установите Cursor за 10 минут
Боль «не понимаю, с чего начать» лечится пустой папкой my-landing на рабочем столе. Скачайте Cursor с cursor.com/download (Windows, macOS, Linux; в июне 2026 актуальна ветка 3.9). Тариф Hobby бесплатен: Agent, Chat и Tab с Auto без карты.
- Шаг 1: Создайте папку и запишите бриф: аудитория, оффер, текст кнопки, куда слать заявки.
- Шаг 2: File → Open Folder в Cursor — укажите my-landing, не случайный каталог.
- Шаг 3: Убедитесь, что папка пустая — Agent не утащит в чужой стек.
- Шаг 4: Планируйте 5-10 шагов Agent на вечер: один запрос = одна правка.
Типичная ошибка: писать в Chat вместо Agent. Agent (Ctrl+I на Windows/Linux, Cmd+I на Mac) сам создаёт и правит файлы по задаче на естественном языке; Chat только советует текстом. На Hobby одного вечера хватает на первый черновик, если бриф записан заранее и вы не просите «сразу идеальный дизайн».
Создайте правило landing.mdc, чтобы Agent не тянул Next.js
Agent по умолчанию разворачивает Next.js с npm install. Решение — файл .cursor/rules/landing.mdc с alwaysApply: true. Rules (правила проекта) — постоянная инструкция для Agent, как шпаргалка: только index.html, стили через Tailwind CDN (готовая библиотека классов из интернета, без скачивания), без package.json и React.
Шаблон landing.mdc:
—
description: Лендинг только plain HTML
alwaysApply: true
—
Только index.html в корне. Стили — Tailwind CDN в head.
Запрещено: package.json, npm, React, Next.js, терминал.
Блоки: hero, три преимущества, отзыв, форма (имя + контакт). Mobile-first.
Если Agent насоздавал лишнее — нажмите Restore Checkpoint (откат к сообщению до ошибки), добавьте landing.mdc и начните новый запрос. На GitHub шаблон dx-tooling/landingpages-ai-template использует тот же принцип: styleguide + один HTML, а не монорепозиторий с npm.
| Критерий | Cursor + plain HTML | Tilda / конструктор |
|---|---|---|
| Кривая входа | Выше первый вечер, зато свой текст | Drag-and-drop с первого клика |
| Стоимость | Hobby + Vercel Drop + Formspree Free | Часто подписка |
| Когда выбрать | Гипотеза оффера, навык «промпт → страница» | Сайт за час без установки программ |
Вердикт: для проверки оффера за вечер Cursor с landing.mdc короче гайдов с Next.js. Нужен только drag-and-drop — начните с Tilda.
Соберите лендинг в Agent: промпт с hero, преимуществами и формой
Откройте Agent (Ctrl+I), вставьте промпт и нажмите Accept после просмотра diff — списка изменений, как отслеживание правок в документе. Agent создаст index.html в корне папки; HTML (язык разметки страницы) вы не пишете руками, только проверяете, что блоки на месте.
Промпт для Agent:
Создай index.html для лендинга курса SMM для новичков.
Hero: заголовок, подзаголовок, кнопка «Записаться на бесплатный урок».
Три преимущества, один отзыв, форма «Имя» + «Telegram или email».
Tailwind CDN, синие акценты, mobile-first, без эмодзи.
На практике черновик занимает 15-30 минут. Правки отдельными фразами: «кнопку крупнее», «заголовок короче». В реальном проекте не смешивайте десять правок в одном сообщении — Restore Checkpoint откатывает к выбранному шагу, если Agent ушёл не туда.
Проверьте страницу локально и правьте блоки без кода
Двойной клик по index.html — локальный тест без сервера и npm. На телефоне или через F12 (режим телефона) проверьте, что текст не уезжает за край экрана, а кнопка формы нажимается пальцем — иначе реклама сольёт бюджет в пустую.
- Шаг 1: Откройте index.html двойным кликом.
- Шаг 2: Сожмите окно до ширины телефона.
- Шаг 3: В Agent: «увеличь отступы на мобилке» → Accept → F5 в браузере.
- Шаг 4: Часто ломается форма — попросите подписи к полям и контрастную кнопку.
Исправляйте словами — так тренируется вайбкодинг; позже пригодится и подключение MCP в Cursor.
Подключите Formspree и отправьте тестовую заявку
Лендинг без формы — просто картинка. Formspree — сервис-посредник: посетитель жмёт «Отправить», данные улетают на endpoint Formspree, оттуда — на вашу почту. Свой сервер (бэкенд) не нужен. Бесплатный план: 50 заявок в месяц, неограниченное число форм, история 30 дней; не больше 20 отправок в минуту на одну форму.
- Шаг 1: На formspree.io создайте форму, скопируйте endpoint https://formspree.io/f/xxxx.
- Шаг 2: Agent: «action на мой Formspree, POST, поля name и contact».
- Шаг 3: Тест с телефона — письмо за минуту. mailto подходит только для быстрой проверки на ПК.
Типичная ошибка: забыть передать endpoint Agent после регистрации Formspree. В реальном проекте 50 заявок в месяц хватает на проверку ниши; при росте подключите CRM через Make.com или платный тариф Formspree.
Опубликуйте через Vercel Drop и пройдите чек-лист перед рекламой
Боль «как выложить без программиста» закрывает Vercel Drop: откройте vercel.com/drop, перетащите папку с index.html, назовите проект, Deploy. Через пару минут — https-ссылка без Git, CLI и терминала; сервис работает на бесплатном Hobby-плане Vercel. Каждая загрузка создаёт новый проект и новый URL — повторный drop не обновляет старый адрес.
Схема: my-landing/index.html → vercel.com/drop → Deploy → https для рекламы
- Один оффер в hero, форма работает с телефона.
- Страница читается на смартфоне без горизонтальной прокрутки.
- https открывается у знакомого без авторизации.
- URL сохранён — правки = новый Drop или позже Git + Vercel.
- Тексты перечитаны: Agent иногда выдумывает цифры.
- Title и description — через Agent; базовая GEO-оптимизация с понятного H1.
Лимиты Hobby смотрите в dashboard; Pro — $20/мес. Первый лендинг обычно укладывается в бесплатный tier.
Как понять, что всё сработало
Готово, когда выполнены все критерии успеха: в папке лежит index.html (и при необходимости landing.mdc); страница открывается двойным кликом и нормально смотрится на телефоне; тестовая заявка пришла через Formspree или mailto; папка на Vercel Drop даёт рабочую https-ссылку для рекламы или поста. Это уже публичная страница с заявками, а не черновик в редакторе.
Дальше — правки текстов под A/B-тесты и автоматизация заявок на Make.com: курс Make.com и вайбкодинга поможет связать форму с таблицей или Telegram.
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: Agent и Restore Checkpoint — cursor.com/help/ai-features/agent; Hobby/Pro — cursor.com/ru/help/account-and-billing/pricing; Vercel Drop — vercel.com/docs/drop; Formspree Free 50/мес — help.formspree.io; Wordstat «cursor ai сайт» 165, «создать лендинг» 2113, «скачать cursor ai» 644 — 28.06.2026.
Частые вопросы
Как пользоваться Cursor AI бесплатно?
Тариф Hobby: Agent, Chat, Tab с Auto, карта не нужна. На первый лендинг — 5-10 шагов Agent за вечер, лимиты в dashboard.
Нужен ли программист для лендинга в Cursor?
Нет при landing.mdc и одном index.html. Описываете блоки словами, принимаете diff — код руками не обязателен.
Cursor ai сайт — это конструктор?
Нет, AI-редактор с Agent. Tilda собирает блоки мышкой; Cursor даёт контроль текста и Formspree.
Чем «создать лендинг ии» в Cursor лучше Tilda?
Свой текст, Formspree и Vercel Drop без подписки на конструктор. Минус — первый вечер сложнее drag-and-drop.
Почему Agent просит npm install?
Нет landing.mdc — Agent выбирает стек разработчика. Добавьте правило, Restore Checkpoint, новый чат Agent.
Как обновить лендинг на том же URL?
Drop каждый раз новый адрес. Постоянный URL — позже Git + Vercel или хостинг с доменом.
Где скачать cursor ai на Windows?
Только cursor.com/download. «Скачать cursor ai» — около 644 показов/мес в Wordstat; не используйте зеркала из чатов.
