Вы хотите сайт с ИИ, но боитесь, что Cursor потянет npm, React и чёрный терминал, страница откроется без стилей, а заявки с формы улетят в никуда. История Анны типична: она попросила «сделай лендинг для маникюра», агент создал package.json и Next.js, она закрыла окно и решила, что это для программистов. За один вечер можно собрать один файл index.html, подключить форму на почту и получить публичную https-ссылку без разработчика.
Статический лендинг в Cursor AI — это один index.html со стилями через Tailwind CDN и правилом landing.mdc, которое запрещает npm и React. Заявки принимает Formspree на бесплатном тарифе до 50 писем в месяц. Публикация — перетаскивание папки на vercel.com/drop без Git и командной строки. Hobby-план Cursor бесплатен и хватает на пробный проект.
По Яндекс Вордстат запрос «создать лендинг бесплатно» набирает около 452 показов в месяц, а «cursor ai сайт» — 137. Люди ищут простой путь, но большинство гайдов всё ещё учат через React и GitHub. В июне 2026 Vercel запустил Drop: папку с index.html можно перетащить на vercel.com/drop и за секунды получить production-URL. Для владельца маленького дела без IT-отдела это вечер за ноутбуком, одна папка на рабочем столе и ссылка клиенту завтра утром.
Подготовьте проект: Cursor, папка и режим Agent
Скачайте Cursor с официальной страницы cursor.com/download. Создайте на рабочем столе папку, например my-landing, и откройте её через File → Open Folder. Agent — это ИИ-помощник в боковой панели (Ctrl+I на Windows, Cmd+I на Mac), который создаёт и правит файлы по вашим фразам, как личный верстальщик в чате.
Hobby-план бесплатен: Agent, Chat и Tab с режимом Auto работают с ограниченным лимитом, которого хватает на один лендинг за вечер. На практике выберите Auto в настройках модели — так расходуется меньше квоты. Типичная ошибка новичка: сразу просить «сделай сайт на React». Не делайте так. Сначала зафиксируйте правило про один HTML-файл — об этом в следующем блоке.
Заблокируйте React: правило landing.mdc в проекте
Без явных ограничений Cursor часто предлагает React, Next.js и npm install — именно это испугало Анну. Решение: файл .cursor/rules/landing.mdc с параметром alwaysApply: true. Это «замок» на проект: агент видит инструкцию при каждом запросе и не разворачивает сборку.
В frontmatter файла укажите alwaysApply: true и description вроде «Static landing only». В теле правила пропишите: один index.html в корне, стили через Tailwind Play CDN в head, запрет npm, React, Next.js и команд терминала. Формат .mdc описан в официальной документации Cursor по Rules.
Шаблон промпта для Agent после создания правила:
Создай одностраничный лендинг для [ваша услуга]. Один файл index.html. Tailwind через CDN. Блоки: Hero с заголовком и кнопкой, три преимущества, один отзыв, форма заявки. Без фреймворков, без npm, без build step. Single static HTML file only.
На практике после этого в папке остаются понятные файлы: index.html и папка .cursor с правилом. Никакого package.json.
Соберите лендинг фразами в Agent, не кодом
Откройте Agent (Ctrl+I), вставьте промпт из блока выше, подставив свою услугу и целевую аудиторию. Агент создаст index.html с разметкой и классами Tailwind. Tailwind Play CDN — это один script в head, который подключает готовые стили без установки программ. Официально CDN предназначен для прототипов, для вечернего лендинга под услугу этого достаточно.
- Шаг 1: Опишите услугу, город и три преимущества в промпте Agent.
- Шаг 2: Дождитесь создания index.html и откройте файл в редакторе.
- Шаг 3: Попросите сменить цвет кнопки или заголовок фразой «сделай кнопку зелёной, заголовок короче».
- Шаг 4: Проверьте, что в head есть ссылка на cdn.tailwindcss.com или @tailwindcss/browser.
- Шаг 5: Убедитесь, что на странице есть Hero, блок преимуществ и форма с полями имени и телефона.
В реальном проекте мастер маникюра за двадцать минут получила читаемую страницу с кнопкой «Записаться». Правки текстов — только через чат, не копируя теги вручную.
Проверьте index.html двойным кликом, без терминала
Типичная ошибка: открыть файл и увидеть «голый» текст без стилей. Чаще всего не подключён Tailwind CDN или файл лежит не в корне. Дважды кликните index.html — страница откроется в браузере. Если блоки выглядят современно, CDN работает.
Не делайте: запускать npm run dev — вам это не нужно. Делайте: после каждой правки в Agent обновляйте вкладку браузера (F5). Для удобства можно поставить расширение Live Server в VS Code или Cursor, но для первого результата хватит двойного клика.
| Критерий | Cursor + один HTML | Tilda / конструктор | React-гайды |
|---|---|---|---|
| Владение файлами | Папка на вашем диске | Страница на платформе | Репозиторий + сборка |
| Нужен npm / терминал | Нет | Нет | Да |
| Форма на свою почту | Formspree, 50 заявок/мес бесплатно | Встроенные формы тарифа | Нужен бэкенд или сервис |
| Публикация без GitHub | Vercel Drop, drag-and-drop | Хостинг платформы | Обычно Git + CLI |
Итоговый вердикт: Если нужен контроль над файлом и бесплатная ссылка без программиста — путь через Cursor и один HTML выигрывает у React-гайдов. Tilda быстрее на старте, но сложнее перенести проект «как папку» на свой хостинг.
Подключите Formspree: заявки на почту без сервера
Форма без action — декорация: данные никуда не уходят. Formspree — сервис, который принимает данные формы и пересылает их на ваш email. Регистрация на formspree.io, создание формы, копирование endpoint вида https://formspree.io/f/ваш_id.
В Agent попросите: «Вставь в form action мой Formspree endpoint». В разметке появится action=»https://formspree.io/f/…» method=»POST». Отправьте тестовую заявку с реальным именем и проверьте почту и папку «Спам». На Free-тарифе — до 50 заявок в месяц, история 30 дней, до двух email-адресов. Для старта маникюрного кабинета или репетитора этого хватает.
Опубликуйте папку через Vercel Drop за минуту
Убедитесь, что index.html лежит в корне папки проекта. Откройте vercel.com/drop в браузере, перетащите всю папку на страницу, нажмите Deploy. Через несколько секунд появится ссылка вида https://ваш-проект.vercel.app. Статика публикуется as-is, без Git и командной строки. Функция анонсирована 12 июня 2026.
Схема вечернего запуска:
Папка на столе → правило landing.mdc → промпт в Agent → index.html в браузере → Formspree на почту → перетащить папку на Vercel Drop → ссылка в мессенджер клиенту
Откройте ссылку с телефона: проверьте, что заголовок читается, кнопка CTA нажимается, форма отправляется. Это и есть критерий успеха: один рабочий index.html, Hero и преимущества на экране, тестовая заявка в почте, https-страница открывается с мобильного.
Пройдите чек-лист запуска перед отправкой ссылки
- Шаг 1: Заголовок вкладки браузера (title) называет услугу, а не «Document».
- Шаг 2: Телефон и мессенджер видны без прокрутки на мобильном.
- Шаг 3: Кнопка CTA ведёт к форме или якорю #contact.
- Шаг 4: Тестовая заявка пришла на почту в течение пары минут.
- Шаг 5: Ссылка vercel.app открывается у знакомого с другого устройства.
Если лимит Cursor на сегодня закончился — сохраните папку и продолжите завтра с режимом Auto или после сброса квоты в dashboard. Файл index.html остаётся у вас независимо от подписки.
Когда захотите связать лендинг с автоматизацией заявок в CRM или Telegram, загляните в материал про подключение MCP в Cursor и гайд по GEO-оптимизации сайта. Для эталона структуры SEO-статьи смотрите пример оформления SEO-статьи (B01, ссылка после публикации на сайте).
Хотите углубиться в вайбкодинг и автоматизацию без кода — в курсе Make.com и вайбкодинга разбираем Cursor, агентов и рабочие сценарии на реальных задачах бизнеса.
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: лимиты Hobby Cursor, Rules .mdc и Agent — по cursor.com/docs; Vercel Drop и дата запуска 12.06.2026 — по vercel.com/docs/drop и changelog; Formspree Free 50 заявок/мес — по help.formspree.io; Tailwind Play CDN — по tailwindcss.com/docs/installation/play-cdn; частотность «создать лендинг бесплатно» (452) и «cursor ai сайт» (137) — по Яндекс Вордстат, регион 225, 05.07.2026.
Частые вопросы
Как пользоваться Cursor AI для создания сайта?
Установите Cursor, откройте папку проекта, создайте правило landing.mdc и в Agent (Ctrl+I) опишите лендинг словами. Агент соберёт index.html, вы проверите страницу в браузере и при необходимости попросите правки в чате.
Нужен ли npm для лендинга в Cursor?
Нет, если вы зафиксировали один статический index.html и Tailwind CDN в правиле проекта. npm и React нужны для сложных приложений, а не для одностраничника с формой заявки.
Cursor AI бесплатно — хватит ли на лендинг?
Да. Hobby-план бесплатен, Agent и Chat с Auto работают с лимитом. Одного вечера и нескольких десятков запросов к агенту обычно достаточно для первой версии страницы.
Как опубликовать лендинг без GitHub?
Перетащите папку с index.html на vercel.com/drop и нажмите Deploy. Git, терминал и аккаунт разработчика не обязательны — нужен только браузер и файл в корне папки.
Почему страница открывается без стилей?
Скорее всего не подключён Tailwind CDN в head или агент создал отдельные CSS-файлы вместо CDN. Попросите Agent: «Добавь Tailwind Play CDN в head, все стили через классы Tailwind».
Куда попадают заявки с формы?
Только если в теге form указан рабочий action на Formspree или аналог. Зарегистрируйтесь на formspree.io, вставьте endpoint в форму и отправьте тест — письмо должно прийти на почту в течение минуты.
