Марина готовила запуск курса по SMM, нашла ролик «лендинг за час в Cursor», скачала редактор и написала в чат: «сделай сайт». В ответ — каша из файлов и намёки на терминал. Она закрыла вкладку, хотя студия просит 80-500 тысяч рублей, а в Вордстат растёт спрос на «cursor ai сайт». Вам нужен маршрут без кода: папка проекта, промпт в Composer, двойной клик по index.html и три клика в Vercel — за вечер появится публичная ссылка с заявкой.
Лендинг в Cursor AI для новичка — один файл index.html с Tailwind через CDN в Composer, не хаос из чата. Локально открывают двойным кликом, в интернет выкладывают через GitHub и бесплатный Vercel. Цель — гипотеза и заявки, не идеал с первого раза. Часть свежих гайдов идёт через Figma или Next.js — мы берём самый короткий путь.
Cursor — «Word с ИИ» для папки с сайтом: форк VS Code со встроенным ассистентом. На июнь 2026 актуальна ветка 3.8 на cursor.com/download (Windows, macOS, Linux). Доступ зависит от региона и аккаунта; смотрите официальные доки. По Вордстат в России заметны запросы «скачать cursor ai» (708 показов в месяц) и «создать лендинг ии» (140) — люди ищут быстрый старт, а не курс программирования.
Новички путают чат и Composer: чат отвечает на вопросы, а Composer (Ctrl+I / Cmd+I) правит файлы проекта целиком — туда идёт первый промпт. Свежий мини-гайд PressAff (январь 2026) собирает страницу через Figma и плагин html.to.design; 18 июня 2026 вышло видео Олега Быкова про лендинг именно в Cursor. Маршруты расходятся, но ниша горячая — текстовая инструкция с кнопками и чек-листом закрывает пробел видео.
Установите Cursor AI и откройте первый проект
Боль «только для программистов» снимается, когда слева видна обычная папка и один файл index.html. Требования скромные: Windows 10+, 4 ГБ RAM, интернет.
- Шаг 1: Скачайте Cursor 3.8 и установите как обычную программу.
- Шаг 2: Зарегистрируйтесь через email, Google или GitHub.
- Шаг 3: Создайте пустую папку moj-lending на рабочем столе.
- Шаг 4: File → Open Folder → укажите эту папку.
- Шаг 5: Нажмите Ctrl+I (Cmd+I на Mac) — откроется Composer.
Делайте: Privacy Mode в настройках, если не хотите отправлять код на обучение моделей. Отдельная папка под проект снижает страх «сломать систему». Не делайте: писать «сделай сайт» в чат — получите хаос файлов, как у Марины. Agent в Cursor умеет больше, но для первого лендинга достаточно Composer без терминала.
Соберите структуру лендинга через Composer
Вторая боль — хаос файлов из чата. Решение: один промпт с секциями и требованием одного index.html. Без Next.js и API-ключей: HTML + Tailwind CDN, стили по ссылке, без npm.
Типичная ошибка — просить «красивый сайт» без структуры. В реальном проекте работает набор: hero, три услуги, отзыв-заглушка, форма (имя + телефон), футер — как в учебных репозиториях на GitHub с деплоем на Vercel.
Промпт для Composer:
Создай index.html для лендинга курса SMM. Аудитория — начинающие фрилансеры. Секции: hero с кнопкой «Записаться», три карточки услуг, отзыв, форма (имя, телефон), футер. Светлый фон, синяя кнопка, мобильная вёрстка. Tailwind через CDN. Кнопка — mailto:hello@example.com с темой «Заявка». Один файл, без React.
Мелкие правки — Ctrl+K на выделенном фрагменте: «кнопку крупнее», «фон светлее», «заголовок короче». Например, если форма уехала вниз на мобилке, попросите «на экранах до 400 px кнопку на всю ширину». Делайте: один index.html и понятные формулировки в промпте. Не делайте: на старте Resend, MCP и файлы .env — продвинутые гайды с Next.js и API-ключами оставьте на второй этап.
| Критерий | Cursor + HTML | Tilda | Студия |
|---|---|---|---|
| Старт без кода | Промпт в Composer | Блоки мышкой | Бриф и сроки |
| Стоимость MVP | Cursor Hobby + Vercel free | Подписка | 80-500 тыс. ₽ в РФ |
| Скорость гипотезы | Один вечер | 1-2 дня | Недели |
Проверьте страницу локально и поправьте дизайн
Третья боль — сайт только на ноутбуке. До GitHub это нормально: двойной клик по index.html открывает браузер. Мобилку смотрите через F12 → режим телефона в Chrome.
Схема до публикации:
Промпт → index.html → двойной клик → правка фразой → снова клик → выгрузка на GitHub
На практике AI-лендинг в 2025-2026 редко идеален с первого раза: по оценкам рынка, на доводку уходит от 30 минут до нескольких часов — не «полный автопилот». Это всё равно быстрее месяца согласований со студией за сотни тысяч рублей или бесконечных правок в конструкторе.
Если кнопка не нажимается, проверьте mailto-ссылку в коде через Composer: «сделай кнопку заявки рабочей ссылкой mailto с темой письма». Часто ломается не вёрстка, а пустой href у кнопки.
Опубликуйте лендинг: GitHub, затем Vercel
Четвёртая боль — страх GitHub. Для статики цепочка простая: репозиторий → Vercel → ссылка imya.vercel.app. Push обновляет сайт за 1-2 минуты.
- Шаг 1: Создайте публичный репозиторий moj-lending на github.com.
- Шаг 2: Загрузите index.html через Upload files — терминал не нужен.
- Шаг 3: На vercel.com войдите через GitHub, Add New → Project.
- Шаг 4: Deploy с настройками по умолчанию для статики.
- Шаг 5: Откройте URL с телефона — это публичный лендинг.
Типичная ошибка — коммитить .env и API-ключи в открытый репозиторий. В нашем маршруте секретов нет: заявка через mailto или позже Formspree без бэкенда. Свой домен подключают в Vercel после того, как vercel.app уже открывается с телефона.
Не ждите «идеала перед деплоем» — антипаттерн, о котором пишут авторы гайдов по Vercel: лучше живой черновик и тест заявки, чем неделя полировки локально. Усложнить стек поможет гайд по MCP в Cursor — для первого одностраничника не обязательно.
Пройдите чек-лист запуска перед рекламой
Пятая боль — сэкономили на студии, но не проверили заявку. Перед трафиком:
- Страница с телефона без горизонтальной прокрутки
- Оффер понятен за 5 секунд, есть 2-3 блока услуг
- Кнопка заявки открывает почту или форму, тестовая заявка дошла
- К рекламе добавлены UTM (?utm_source=…)
- Тексты вычитаны — ИИ иногда придумывает лишние обещания
Дальше — базовая GEO-оптимизация, чтобы страницу находили не только из рекламы.
Как понять, что всё сработало
Три признака успеха из чек-листа темы B11. С телефона открывается публичная ссылка vercel.app — не адрес file:// с ноутбука. На странице есть заголовок, 2-3 блока услуг и рабочая кнопка «Оставить заявку» (mailto или форма). В Cursor вы одной фразой меняете, например, цвет кнопки, обновляете файл на GitHub — и через 1-2 минуты видите то же на live-сайте.
Если все три пункта выполнены, гипотеза проверена без команды разработчиков. Дальше — тексты, домен, аналитика; код как профессия пока не нужен.
Что делать дальше
- Сохраните промпт из Composer в текстовый файл — пригодится для A/B версии заголовка.
- Подключите свой домен в Vercel, когда vercel.app протестирован с телефона.
- Замените mailto на Formspree или аналог, если заявок станет больше пары в день.
- Добавьте счётчик аналитики и UTM к рекламным ссылкам до запуска трафика.
- Для воронок, CRM и цепочек после первого лендинга — курс по Make.com и вайбкодингу (159+ уроков): там разбирают связку «черновик в Cursor → автоматизация без кода».
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: Cursor 3.8 — cursor.com/download и Selectel (09.06.2026); деплой GitHub → Vercel — blog.vibecoder.me; цены студий — epokha.ai; «cursor ai сайт» (181), «скачать cursor ai» (708), «создать лендинг ии» (140) — Яндекс Вордстат на 19.06.2026.
Частые вопросы
Как сделать лендинг с помощью ИИ без кода?
Откройте папку в Cursor, вставьте промпт с секциями в Composer (Ctrl+I), проверьте index.html двойным кликом, загрузите на GitHub и Vercel. Код вручную не пишете — только промпт и правки фразой.
Cursor AI сайт — как собрать с нуля?
Скачайте Cursor, создайте папку, опишите в Composer продукт и блоки, попросите Tailwind CDN. Чат для сборки не подходит — он хуже держит структуру проекта.
Как опубликовать лендинг бесплатно?
index.html в публичный репозиторий GitHub → импорт в Vercel → Deploy. Бесплатного тарифа хватает для статики. Домен добавляют позже в настройках проекта.
Чем Cursor отличается от Tilda для первого сайта?
Tilda — блоки и хостинг в одном месте. Cursor генерирует страницу по описанию, публикация через GitHub и Vercel. Для гипотезы без подписки на конструктор часто быстрее Cursor; для визуального редактора без промптов — Tilda.
Нужна ли Figma перед Cursor?
Нет для MVP. Гайд PressAff (январь 2026) идёт через Figma и html.to.design — отдельный путь. Без макета быстрее описать стиль словами в Composer.
Обязателен ли Next.js?
Нет. Next.js и MCP — второй этап. Для первой проверки оффера хватит index.html на Vercel.
Сколько времени занимает первый лендинг?
Каркас за вечер реален; доводка текстов и тест заявки — ещё 30 минут — пару часов. Полный автопилот без ручной правки встречается редко.
