Конспект: Cursor 2.0: Полный гид по использованию AI-агентов для разработки IT-продуктов — VibCoderZ - VibeCoderz

Загрузка...

🎯 О чём этот конспект: Разбор масштабного обновления Cursor 2.0, которое превращает редактор кода в полноценную среду для работы с AI-агентами. В видео демонстрируется процесс создания приложения для отслеживания привычек (Habit Tracker) с нуля: от генерации структуры до отладки через встроенный браузер и параллельного тестирования фич.

👤 Кому будет полезно: Вайбкодерам, предпринимателям и разработчикам, которые хотят делегировать написание кода AI-агентам и управлять проектом на уровне функций, а не отдельных строк кода.

✨ Что получите: Пошаговый алгоритм работы в новом Agent View, навыки использования модели Composer 1, методику параллельного запуска агентов для сравнения решений и способ автоматической отладки через интеграцию с Chrome.

1. Новый Agent View и модель Composer 1

Контекст: В версии 2.0 Cursor отходит от классического интерфейса редактора в сторону "агент-центричного" подхода. Теперь основное рабочее пространство — это Agent View, где вы общаетесь с AI не просто как с чатом, а как с автономным сотрудником. Ключевым инструментом стала модель Composer 1 — собственная разработка команды Cursor, оптимизированная для сверхбыстрой генерации кода и манипуляции файлами. Это позволяет не отвлекаться на структуру папок, а фокусироваться на бизнес-логике.

Выгода: Увеличение скорости разработки в 2-3 раза за счёт быстродействия Composer 1 и автоматизации рутинных операций с файлами.

Как применить:

Шаг 1: Переключение в Agent View — [Cursor] — Нажмите на иконку агента в боковой панели. Это активирует режим, где AI может самостоятельно создавать файлы и выполнять команды в терминале.
Шаг 2: Выбор модели — [Composer 1] — В выпадающем списке моделей выберите composer-1. Если нужна максимальная точность для сложных алгоритмов, можно временно переключиться на claude-3-5-sonnet.
Шаг 3: Инициализация проекта — [Terminal] — Используйте готовые стартер-киты (например, create-vololo-app), чтобы агент сразу развернул Frontend, Backend и БД.

# Пример запроса агенту для старта
Please use create-vololo-app to start the project.

Результат: Готовый каркас приложения с настроенной инфраструктурой за 2 минуты.

2. Двухэтапная разработка: Plan Mode и Build Mode

Контекст: Одной из главных проблем AI-кодинга была "галлюцинация" в больших масштабах — когда AI меняет 10 файлов и ломает проект. В Cursor 2.0 введён Plan Mode. Агент сначала пишет подробный текстовый план реализации фичи, запрашивает уточнения и только после вашего одобрения переходит в Build Mode. Это позволяет скорректировать архитектуру до того, как будет написана первая строка кода.

Выгода: Минимизация ошибок и исключение лишних правок (rework), что экономит часы отладки.

Как применить:

Шаг 1: Описание идеи через Voice Input — [Cursor] — Используйте иконку микрофона, чтобы надиктовать описание фичи. Это быстрее, чем писать текст.
Шаг 2: Активация Plan Mode — [Cursor] — Переключите тумблер в режим Plan. Агент проанализирует кодовую базу и выдаст To-Do лист.
Шаг 3: Валидация и запуск — [Cursor] — Проверьте план. Если всё верно, нажмите Build. Агент начнет последовательно выполнять пункты, создавая миграции БД и UI-компоненты.

[Пример промпта для планирования]
Мы строим приложение для трекинга привычек. Пользователь "сажает" привычку как растение, и оно растет каждый день при выполнении. Составь план реализации базы данных и страницы сада.

Результат: Предсказуемый процесс внедрения сложных фич без потери контроля над кодом.

3. Автономная отладка через встроенный браузер

Контекст: Раньше вайбкодеру приходилось копировать ошибки из консоли Chrome и вставлять их в Cursor. Теперь Cursor 2.0 умеет подключаться к вашему браузеру напрямую. Агент может сам открыть страницу приложения, прочитать логи консоли, увидеть ошибки API и самостоятельно их исправить. Это "замыкает цикл" разработки внутри одного инструмента.

Выгода: Сокращение времени на поиск и исправление багов (debug) на 70-80%.

Как применить:

Шаг 1: Подключение к Chrome — [Cursor] — Нажмите кнопку Connect to Browser и выберите активную вкладку с вашим локальным приложением (например, localhost:5501).
Шаг 2: Запрос на диагностику — [Cursor Agent] — Попросите агента проверить логи.

Please check the errors in the browser console log at http://localhost:5501/garden and fix them.

Шаг 3: Использование Select Element — [Cursor] — Используйте инструмент выделения элементов прямо в окне Cursor, чтобы указать агенту на конкретный кривой блок UI.

Результат: Агент самостоятельно находит причину (например, пропущенную миграцию БД или ошибку в API-роуте) и применяет фикс.

4. Параллельное прототипирование (Parallel Agents)

Контекст: Уникальная фича Cursor 2.0 — возможность запустить несколько агентов одновременно для решения одной и той же задачи. Вы можете запустить три версии реализации одной фичи (например, календаря привычек), используя разные модели или разные подходы к дизайну, а затем просто выбрать лучший результат.

Выгода: Возможность быстро протестировать разные гипотезы и выбрать наиболее эстетичное или производительное решение.

Как применить:

Шаг 1: Создание нескольких агентов — [Cursor] — Откройте несколько вкладок агентов и дайте им одинаковое (или слегка измененное) задание.
Шаг 2: Сравнение веток — [Cursor] — Каждый агент работает в своей "песочнице". Вы можете просматривать изменения файлов для каждой версии.
Шаг 3: Применение лучшего варианта — [Cursor] — Нажмите Apply All на том агенте, чей результат вам понравился больше всего. Если результат не устроил — нажмите Undo.

Результат: Выбор лучшего архитектурного или визуального решения из нескольких вариантов за один проход.

FAQ

В: Можно ли использовать Cursor 2.0 бесплатно? О: Есть бесплатный пробный период на одну неделю. После этого требуется Pro-план. Для профессиональной разработки автор рекомендует Ultra-тир или оплату по факту использования (usage-based pricing).

В: Что делать, если агент внес изменения, которые все сломали? О: В Cursor 2.0 есть мощная функция Revert. Вы можете откатиться к любому чекпоинту (сообщению) в чате с агентом, и все файлы вернутся в исходное состояние. Это гораздо удобнее, чем ручной откат через Git.

В: Обязательно ли использовать Composer 1? О: Нет, вы можете переключаться на Claude 3.5 Sonnet или GPT-4o в любой момент. Composer 1 рекомендуется для массовых правок в нескольких файлах из-за его скорости и "понимания" структуры проекта.

В: Как агент понимает, где именно в браузере произошла ошибка? О: При подключении через Connect to Browser агент получает доступ к DOM-дереву и консоли разработчика. Он буквально "видит" красные сообщения об ошибках и может сопоставить их с кодом сервера или фронтенда.

В: Можно ли вернуться к классическому виду редактора? О: Да, вы в любой момент можете переключиться из Agent View в стандартный Editor View, где доступны все привычные файлы, терминалы и расширения VS Code.

Конспект создан на основе видео «Cursor 2.0: The Biggest AI Coding Update Ever» канала Skillap AI. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=uf0vqd9HatY