Марина, репетитор, скачала Cursor, написала в чат «сделай сайт» и получила React, package.json и белый экран в браузере. Так ломается ожидание «лендинг за вечер» у большинства новичков: не хватает брифа, правил проекта и простого маршрута до ссылки. Ниже – путь без npm, React и терминала: одна папка, index.html, проверка двойным кликом и публикация через Vercel Drop на бесплатном Hobby.
Cursor AI – это редактор с ИИ-агентом (программой, которая правит файлы по вашему тексту), похожий на VS Code. Для первого лендинга достаточно статического index.html, правил в .cursor/rules/ и режима Agent (Ctrl+I). План Hobby – $0 без карты. Ссылку в интернет даёт Vercel Drop: перетащили папку – получили https-адрес.
По Вордстат «cursor ai сайт» – 183 показа в месяц, «скачать cursor ai» – 713: инструмент ищут, а короткого маршрута «лендинг → ссылка» почти нет. Точный заголовок про лендинг без кода в выдаче на июнь 2026 почти пуст – ниша свободна. 12 июня 2026 Vercel Drop убрал Git и CLI: перетащили папку, получили https-адрес. Cursor дольше конструкторов на старте, зато файлы ваши, а правки – фразами в чате, как заказ у подрядчика.
Подготовьте папку и скачайте Cursor с официального сайта
Качайте только с cursor.com/download для Windows, macOS или Linux – запросы про «кряк» в поиске лучше игнорировать. План Hobby на странице тарифов: $0, без карты, ограниченные запросы Agent и Tab. На каркас лендинга и 2–3 итерации этого хватает.
- Шаг 1: Создайте на рабочем столе папку, например my-landing.
- Шаг 2: В Cursor: File → Open Folder и выберите эту папку.
- Шаг 3: Запишите в блокнот бриф: кто вы, кому страница, оффер, текст кнопки и контакт для заявки.
- Шаг 4: Убедитесь, что в папке пока нет лишних файлов – пустой проект проще для агента.
- Шаг 5: Включите Privacy Mode в настройках, если в брифе есть персональные данные клиентов.
Делайте: один проект – одна папка. Не делайте: открывать весь рабочий стол – агент запутается в чужих файлах.
Соберите бриф и зафиксируйте правила в .cursor/rules/
Без брифа Agent угадывает стек и тянет React или npm – отсюда белый экран и ощущение «это только для программистов». Правила в .cursor/rules/ (файлы .mdc) редактор читает перед каждым ответом. Устаревший .cursorrules в корне замените на папку .cursor/rules/, как в официальной документации.
Минимальный бриф: hero с кнопкой, три преимущества, коротко «обо мне», форма (имя + контакт). Чем конкретнее текст, тем меньше заглушек lorem на странице.
Правило landing.mdc в .cursor/rules/:
alwaysApply: true
Только index.html и при необходимости styles.css
Без package.json, React, Next.js, npm и терминала
Стили через Tailwind CDN или простой CSS, meta viewport
Русский язык, форма без бэкенда (action=»#» или mailto)
На практике одно правило с alwaysApply: true отсекает лишние фреймворки ещё до первого промпта. Типичная ошибка – пропустить этот шаг и снова получить десяток файлов.
Сгенерируйте страницу через Agent (Ctrl+I), а не через Ask
Ask в чате только советует и не трогает файлы. Для лендинга нужен Agent (Composer): Ctrl+I на Windows или Cmd+I на Mac. Агент покажет diff – набор правок, которые принимаете кнопкой Accept (справка Cursor). Diff – это как «предпросмотр правок»: вы видите, что изменится, и подтверждаете.
Схема вечера:
Пустая папка → правило landing.mdc → Ctrl+I с промптом → Accept для index.html → правый клик «Открыть в Chrome» → правки текстом → Vercel Drop → ссылка клиенту
Готовый промпт для первого запуска (вставьте свой текст из брифа):
Создай одностраничный лендинг на русском. Файл index.html в корне. Tailwind через CDN. Блоки: hero с кнопкой «[ваша кнопка]», три преимущества, коротко обо мне, форма заявки (имя, контакт). Без React, npm, package.json и лишних файлов. Адаптив под мобильный. Замени все заглушки моим текстом: [вставьте бриф].
Типичная ошибка – писать «сделай сайт» в обычном чате. Там Agent не создаст файл: получите текст «установите Node», но не готовую страницу. Всегда открывайте Composer через Ctrl+I.
| Режим Cursor | Редактирует файлы? | Когда нужен новичку |
|---|---|---|
| Ask / Chat | Нет, только текст | Спросить «как улучшить заголовок» |
| Agent / Composer (Ctrl+I) | Да, создаёт и правит | Первый лендинг и итерации |
| Tab | Дописывает строки | Мелкие правки, если уже есть файл |
Проверьте лендинг в браузере и поймайте типичные сбои
Правый клик по index.html → Open with → Chrome или Edge. Страница откроется без сервера – статический сайт, один файл, который браузер читает с диска. F12 → режим телефона: hero, преимущества и форма не должны уезжать за край; кнопка – не мельче 44 px по высоте.
Белый экран: промпт «удали React и package.json, оставь один рабочий index.html». Лишние файлы: «оставь только index.html и styles.css». Картинки: попросите placeholder или уберите на первой итерации. В реальном проекте 80% правок делают фразами: «замени lorem на [текст]», «кнопку зелёной», «добавь alt к фото» – руки в код не лезут.
Опубликуйте бесплатно через Vercel Drop и получите https-ссылку
Локально страницу видите только вы. Клиенту нужен адрес в интернете. Vercel Drop (анонс 12.06.2026) принимает папку на vercel.com/drop – без Git, командной строки и npm build. Статический index.html в корне папки деплоится без сборки.
- Шаг 1: Зарегистрируйтесь на vercel.com (можно через GitHub или email).
- Шаг 2: Откройте vercel.com/drop в браузере.
- Шаг 3: Перетащите папку my-landing с index.html в окно.
- Шаг 4: Нажмите Deploy и дождитесь зелёного статуса.
- Шаг 5: Скопируйте выданный https-URL и откройте в режиме инкогнито.
| Способ публикации | Нужен Git? | Сложность для новичка |
|---|---|---|
| Vercel Drop | Нет | Низкая: drag-and-drop папки |
| GitHub Pages | Да | Средняя: репозиторий и ветка |
| React + npm build | Часто да | Высокая: не для первого вечера |
Итоговый вердикт: для первого лендинга без кода выбирайте Vercel Drop. GitHub Pages оставьте на вторую итерацию, когда захотите версии и бэкап в облаке.
Пройдите чек-лист запуска: UTM, форма и критерии успеха
Перед отправкой ссылки пройдите список – ваш success criteria. Если все пункты отмечены, вечер удался:
- В папке лежат index.html (и при необходимости styles.css), без package.json.
- Страница читается на телефоне: hero, три преимущества, форма видны без горизонтальной прокрутки.
- Клик по кнопке не ломает страницу (форма может показать alert – это нормально для черновика).
- На кнопку в рекламе повесьте UTM-метки: ?utm_source=telegram&utm_medium=post&utm_campaign=course_launch.
- Запишите, что улучшить позже: фото, аналитика, отправка заявок в Telegram или почту.
Когда лендинг живёт по ссылке, подключите GEO-оптимизацию – так страницу чаще цитируют нейропоисковики. Следующий уровень – MCP в Cursor: «розетки» для браузера, документации и CMS; на первый вечер не обязательно.
Что дальше
- Соберите вторую итерацию: реальные фото, отзыв, цену.
- Подключите форму к почте или боту через Make.com – без программирования.
- Добавьте простую аналитику (счётчик посещений).
- Сверьте текст с примером SEO-статьи (B01, ссылку добавим после публикации) – те же принципы работают для лендинга.
Чтобы освоить вайбкодинг и автоматизацию системно, в курсе Make.com и Cursor на kv-ai.ru разбирают похожие сценарии – от первой страницы до ботов.
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: тариф Hobby и режим Agent – по cursor.com/pricing и cursor.com/help/ai-features/agent; правила .cursor/rules – по cursor.com/docs/rules; Vercel Drop – по vercel.com/docs/drop и changelog 12.06.2026; частотность «cursor ai сайт» (183), «скачать cursor ai» (713), «cursor ai бесплатно» (437) – по Яндекс Вордстат на 20.06.2026.
Частые вопросы
Как пользоваться Cursor AI, если я никогда не писал код?
Откройте папку проекта, создайте правило в .cursor/rules/, нажмите Ctrl+I и опишите лендинг по-русски. Принимайте правки агента и открывайте index.html двойным кликом в браузере. Код руками не пишете – только уточняете текст в чате.
Можно ли сделать сайт в Cursor AI бесплатно?
Да. План Hobby – $0 без карты, с лимитом запросов Agent. На один лендинг и несколько итераций обычно хватает. Vercel Drop для статики тоже бесплатен.
Запрос «cursor ai сайт» – официальный сайт или свой лендинг?
В поиске путают оба смысла. Официальный продукт – cursor.com. Свой лендинг собираете в редакторе и выкладываете на https через Vercel Drop.
Нужен ли npm для лендинга в Cursor?
Нет, если в правилах зафиксированы только HTML и CSS (или Tailwind через CDN). npm нужен для React и сборщиков – на первый вечер это лишнее.
Что делать, если Agent снова создал React?
Усильте landing.mdc: запретите package.json и фреймворки. Промпт: «удали всё кроме index.html, перепиши на чистом HTML5». Примите diff и снова откройте файл в браузере.
Как отправить заявку с формы на почту или в Telegram?
Чистый HTML без сервера заявку сам не отправит – нужен Make.com, сервис форм или бот. На первый вечер хватит кнопки со ссылкой на мессенджер или mailto.
Чем Cursor отличается от ChatGPT для сайта?
ChatGPT выдаёт код в чат для ручного копирования. Cursor Agent создаёт и правит файлы в вашей папке, видит структуру проекта и помнит правила из .cursor/rules/.
