Алина попросила Agent в Cursor «лендинг для курса SMM» – и через минуту увидела package.json и красный текст про npm install. Окно закрыла: кажется, что cursor ai сайт только для программистов. На практике лендинг без кода собирается иначе: один index.html, правило landing.mdc до первого промпта и публикация через Vercel Drop. За вечер вы получите публичную ссылку с формой заявки – без React, терминала и заказа страницы за 50 000 ₽ у фрилансера.
Создать лендинг ии в Cursor можно без npm: папка проекта, landing.mdc с alwaysApply, бриф в Agent (Ctrl+I), index.html на Tailwind CDN, Formspree для заявок и Vercel Drop для URL. План Hobby бесплатен. Реалистичный срок – 30 минут черновик плюс 1–2 часа правок, не «идеал за 3 минуты».
Вы не одиноки: по Lork за 2026 год ни один AI-сервис не выдаёт идеальную страницу без доработки. По запросу «создать лендинг ии» (146 показов/мес. в Яндексе) в выдаче доминируют Tilda AI, Landos и Framer, а «cursor ai сайт» (155 показов) почти без пошагового гайда для новичка. Типичная ошибка: обычный .md в .cursor/rules агент игнорирует – по документации Cursor нужно расширение .mdc, иначе ограничение «без npm» не сработает.
Cursor – редактор с умным помощником, не IDE только для разработчиков. Agent (режим «сделай за меня») правит файлы и открывает терминал; в версии 3.6 летом 2026 может сам выполнить npm install. Поэтому сначала задаём рамки в landing.mdc, потом просим лендинг. Ниже – путь SMM-щика или владельца малого бизнеса: проверить оффер за вечер, а не ждать недели и 50 000 ₽ фрилансеру.
Установите Cursor и откройте папку проекта
Боль «не знаю, с чего начать» закрывается без терминала. Скачайте Cursor с cursor.com, зарегистрируйте Hobby – карта не нужна. Создайте папку moj-lending и откройте File → Open Folder. Внутри пусто: ни package.json, ни node_modules.
Делайте: отдельная папка под один лендинг. Не делайте: открывать старый React-проект – Agent снова потянет npm. В реальном проекте новичок часто ломается здесь: папка «загрязнена» прошлыми экспериментами.
Задайте правило landing.mdc до первого промпта
Agent по умолчанию создаёт package.json. Решение – .cursor/rules/landing.mdc с alwaysApply: true: один index.html, Tailwind через CDN (стили по ссылке из интернета), запрет npm, React, Next.js и терминала. Обычный .md без frontmatter не читается – см. docs Cursor context/rules.
Шаблон landing.mdc:
alwaysApply: true
Только index.html в корне, Tailwind CDN, без package.json и npm.
Запрещены React, Next.js, терминал.
Мобильная вёрстка и форма name/email/phone для Formspree.
На GitHub ориентиры hannah-wright/saas-landing-page-template и tailwindtoolbox/Landing-Page – открываются двойным кликом без сборки. Можете попросить Agent: «ориентируйся на один HTML как в tailwindtoolbox, без фреймворков». Репозиторий dx-tooling/landingpages-ai-template показывает, как styleguide помогает агенту не уходить в лишние файлы – но для первого вечера хватит короткого landing.mdc.
Напишите бриф в Agent вместо «сделай лендинг»
Общий промпт даёт шаблон. Бриф спасает: продукт, аудитория, оффер, секции hero → выгоды → отзыв → форма, цвет кнопки, CTA. Ctrl+I, вставьте бриф, принимайте diff только в index.html.
- Шаг 1: Проверьте landing.mdc в .cursor/rules.
- Шаг 2: Продукт одним предложением и аудитория («владельцы салонов 30–45 лет»).
- Шаг 3: Блоки: заголовок, 3 выгоды, отзыв, форма.
- Шаг 4: Цвет кнопки и фраза «Записаться на консультацию».
- Шаг 5: «Адаптив под мобильный – больше 60% трафика лендингов в РФ с телефона».
- Шаг 6: Отклоните package.json, если Agent его создал.
- Шаг 7: Вторым промптом замените placeholder-тексты.
Схема: папка → landing.mdc → бриф → index.html → Formspree → Vercel Drop → ссылка знакомому
Проверьте index.html в браузере и доработайте тексты
Черновик за 15–30 минут – нормальная скорость по гайдам dev.to и Cursor Copilot для тех, кто «никогда не кодил». Откройте index.html двойным кликом или «Открыть с помощью» → браузер. На практике половина ошибок всплывает на телефоне: отправьте файл себе в мессенджер или проверьте уже после Vercel Drop.
Делайте: просите Agent «увеличь контраст кнопки» или «сократи заголовок до 8 слов» – правки словами, не руками в разметке. Не делайте: считать первый ответ финалом; по Lork на доводку уходит от 30 минут до нескольких часов – честный ориентир, не провал.
| Критерий | Cursor + HTML | Tilda AI / Landos | Фрилансер |
|---|---|---|---|
| Стоимость старта | Hobby и Drop бесплатно | Подписка конструктора | ~50 000 ₽, 2–4 недели |
| Файл на диске | Да, правки в Agent | В облаке сервиса | Зависит от исполнителя |
| npm / терминал | Не нужен с landing.mdc | Не нужен | Не ваш риск |
| Публичная ссылка | Vercel Drop | Внутри платформы | После сдачи |
Вердикт: для контроля файла и бесплатного старта Cursor с одним HTML выигрывает у генераторов по «создать лендинг бесплатно» (495 показов/мес.). Конструкторы удобнее, если редактор не нужен вообще.
Подключите Formspree для заявок без сервера
Заявки некуда слать без бэкенда – сервера, который принимает форму. Formspree выступает посредником: в теге form атрибут action с адресом formspree.io/f/ВАШ_ID, поля name, email, phone. Зарегистрируйтесь на formspree.io, создайте форму, подставьте ID, отправьте тест – письмо должно прийти за минуту. Документация Formspree описывает именно HTML-формы без своего кода на сервере.
Альтернатива для тех, кто идёт в автоматизацию: webhook в Make.com и запись в Google Таблицу или Telegram. Это разбираем на курсе по Make.com и вайбкодингу (159+ уроков). Для первого вечера и проверки спроса хватит Formspree.
Опубликуйте страницу через Vercel Drop
Без публичного URL лендинг живёт только у вас на компьютере. Откройте vercel.com/drop, перетащите папку, где index.html лежит в корне. По документации Vercel Drop Git и командная строка не нужны – ссылка вида nazvanie.vercel.app сразу в production. Скопируйте URL и откройте в режиме инкогнито: так увидите страницу глазами клиента.
Делайте: назовите проект понятно (kurs-smm-alina). Не делайте: класть index.html во вложенную папку html/ без выбора root page – Drop ожидает главный файл в корне загружаемой папки.
Пройдите чек-лист запуска перед рассылкой ссылки
Успех: один index.html, страница на телефоне и десктопе, заявка пришла, знакомый открыл URL без вашего Wi-Fi.
- meta viewport – текст читаем на iPhone
- CTA видна на мобильном без прокрутки
- Тестовая заявка Formspree дошла
- URL открывается в инкогнито
- Нет lorem ipsum и placeholder-текстов
После запуска сверьте с гайдом по GEO и при желании подключите MCP в Cursor для внешних сервисов. Образец структуры – пример SEO-статьи (B01, href после публикации на mayai.ru).
Что делать дальше
- Сохраните папку и landing.mdc для второго лендинга.
- Смените оффер в Agent – проверка гипотезы дешевле нового заказа.
- Добавьте Метрику вторым промптом в head.
- Уведомления о заявках в Telegram через Make.
- Углубите Cursor + автоматизацию на обучении по Make.com.
Вопросы – в Telegram @maya_pro.
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: cursor.com/pricing, cursor.com/docs/context/rules, vercel.com/docs/drop, help.formspree.io, lork.dev (2026); Вордстат: «создать лендинг ии» (146), «cursor ai сайт» (155), «создать лендинг бесплатно» (495) – прогон 2026-07-01.
Частые вопросы
Как создать лендинг бесплатно без кода?
Установите бесплатный Cursor Hobby, создайте папку и landing.mdc, соберите index.html через Agent, подключите Formspree и выложите папку на vercel.com/drop. Карта на старте не нужна. Платить придётся только за платные лимиты Agent или свой домен, если захотите.
Cursor ai сайт – как сделать с нуля?
File → Open Folder в пустой папке, правило landing.mdc с запретом npm, бриф в Agent (Ctrl+I) с секциями и оффером, проверка двойным кликом по index.html. Публикация – Vercel Drop. Отличие от конструкторов: файл на диске, правки словами в Agent.
Нейросеть создает лендинг – с чего начать?
С брифа, не с фразы «сделай сайт». Опишите продукт, аудиторию и блоки страницы. Сначала landing.mdc, потом промпт. Не открывайте терминал и отклоняйте package.json – иначе нейросеть уйдёт в React, как у Алины в начале статьи.
Чем Agent отличается от Ask в Cursor?
Ask отвечает в чате. Agent правит файлы и может запускать команды – для лендинга нужен Agent с landing.mdc. Текст оффера набросайте в Ask, вставку в hero – в Agent.
Почему Cursor просит npm install?
Agent по умолчанию тянет привычный стек разработчика – React, Next.js. В Cursor 3.6 он может сам выполнить npm install в терминале. Файл landing.mdc с alwaysApply отсекает это до первого промпта – без .mdc ограничение «без терминала» не сработает.
Сколько времени занимает лендинг в Cursor?
Черновик – 15–30 минут при готовом брифе. Доводка текстов, мобильная проверка и Formspree – ещё 1–2 часа. Обещания «за 3 минуты» из зарубежных постов не учитывают форму заявки; ориентируйтесь на один вечер.
Можно ли без Formspree слать заявки в Telegram?
Да, через webhook и Make – после первого рабочего index.html. Для теста гипотезы Formspree быстрее.
