aha·moment
КонтентРазбор опыта

Автор: Freddy Vega

Создание сайта-открытки за 2 часа с помощью Cursor

Автор использовал ИИ-редактор кода, чтобы быстро собрать простой сайт-приглашение. Он давал инструкции в чате, а программа сама писала код. Это сэкономило время на рутинных задачах.

Результат: экономия 2–5 часов

Для кого
  • Предприниматель

Что понадобится

Инструменты
  • Cursor — Редактор кода со встроенным ИИ-помощником
Нужно
  • Аккаунт в Cursor
  • Базовое понимание структуры веб-страниц
Настройка
30 минут
Сложность
Без кода
Читать оригинал

Готовой инструкции нет — это разбор чужого опыта.

Подробности

У автора была идея создать простое веб-приложение — открытку для девушки. Он решил проверить, насколько эффективно работает ИИ-инструмент Cursor для таких задач. Цель была в том, чтобы управлять процессом через текстовые инструкции, не влезая в код вручную.

Настройка заняла 30 минут. Сначала автор описал общие требования. Самым сложным моментом стала анимация конверта. ИИ не справлялся с задачей с нуля, поэтому автор нашел готовый пример кода, вставил его в промпт и попросил ИИ доработать. Остальные части сайта (кнопки, шрифты, верстка) создавались быстро.

В процессе работы автор заметил важные нюансы. ИИ часто «галлюцинирует» и может сломать работающий код, пытаясь исправить несуществующие ошибки. Также он не понимает глобальные настройки по умолчанию — например, стиль кнопок применялся только к одной странице, если явно не указать обратное. На финальном этапе автор перестал использовать ИИ и внес мелкие правки в дизайн вручную.

Итог: сайт был готов за 2–3 часа. Вручную такая работа заняла бы 4–8 часов. Инструмент полезен, если вы понимаете, что делаете, и можете быстро находить ошибки.

Оригинал: My first experience with cursor

dev.to · англ. · Переведено и упрощено ahamoment

Здесь пересказ своими словами. Подробности, цифры и контекст — у автора.

Читать оригинал

Что сделал автор

  1. Скачайте и установите Cursor, зарегистрируйтесь в системе.
  2. Сформулируйте четкий промпт с описанием структуры и внешнего вида сайта.
  3. Для сложных элементов (анимация) найдите готовый код и попросите ИИ интегрировать его.
  4. Проверяйте код после каждого изменения, так как ИИ может вносить ошибки.
  5. Явно указывайте, какие стили должны применяться ко всему сайту, а не к одной странице.
  6. Мелкие правки по верстке и отступам лучше вносить вручную.

Добавлено 28 октября 2026 г.

Похожие кейсы

  • Разбор опыта

    Личное

    Cursor копирует бота между серверами за 2 минуты

    ИИ-редактор кода Cursor выполняет сложные технические задачи по простому описанию. Автор попросил перенести бота с одного сервера на другой из-за проблем с соединением. Нейросеть справилась с задачей за две минуты, заменив ручной труд.

    Без кода

    • Cursor
  • Разбор опыта

    Контент

    Удаление CMS с помощью ИИ-агентов в Cursor

    Автор перенес сайт с системы управления контентом на чистый код за три дня. ИИ-агент выполнил основную часть работы за 260 долларов. Это упростило управление и снизило расходы на хостинг.

    Нужен терминал · Настройка 3 дня

    • Cursor
  • Пошаговая настройка

    Личное

    Создание дизайна сайта с помощью Codex и промпта от Claude

    Автор использовал Codex CLI для разработки внешнего вида личного сайта. Чтобы инструмент выдал качественный результат, он заранее подготовил инструкцию по дизайну, скопировав её из другого сервиса. Это позволило получить современный и аккуратный интерфейс без сложных настроек.

    Без кода

    • Cursor
  • Разбор опыта

    Личное

    Cursor как личный помощник для автоматизации работы

    Автор использует нейросеть Cursor для написания кода, управления файлами и интеграции с другими сервисами. Это позволяет автоматизировать рутинные задачи, такие как отправка писем, планирование встреч и анализ данных. Результат — значительная экономия времени и повышение скорости работы.

    Без кода

    • Cursor
  • Пошаговая настройка

    Продажи и CRM

    Агент в Cursor обновляет код микросервисов за месяц

    Команда разработчиков автоматизировала обновление фреймворка с помощью ИИ-агентов в редакторе Cursor. Один инженер обновил 180 сервисов за месяц, что в 32 раза быстрее ручного труда. Затраты на миграцию снизились на 90%.

    Нужен терминал

    • Cursor
  • Пошаговая настройка

    Личное

    Создание ретро-игры с помощью ИИ за 20 минут

    Автор показывает, как вместе с ребёнком создать простую 2D-игру, используя текстовые подсказки. ИИ-инструмент сам пишет код, ищет картинки и исправляет ошибки. Результат — готовая браузерная игра, которую можно сразу открыть.

    Без кода · Настройка 20 минут

    • Claude Code