Последний мой пост стал рекордным по шарам за всю историю канала — почти 15% от просмотров.
Если честно, такого не ожидал, так как просто сделал список прикольных AI-агентов, которые помогают в работе.
Ну, раз вам такое интересно, сделаю краткий гайд по связке ChatGPT + v0 + Cursor.
Дано:
1. ChatGPT от OpenAI. Но на самом деле лучше юзать Grok3 Илона Маска, но я пока до конца его не раскурил. Ну или китайский DeepSeek.
2. v0 от Vercel. Пока выглядит как топ, хотя есть и аналоги.
Отвечает в первую очередь за адаптивную вёрстку и UI. Стек наиболее оптимальный, хотя лично я ничего из этого не знаю. Но синтаксис примерно понимаю, что там))
3. Cursor AI. Это главный сервис, который отвечает за логику, разные дополнения и изменения, а также даёт инструкцию по деплою или же деплоит сам, если полчаса поплясать с бубном.
Многие идут сразу в Cursor, но я рекомендую сначала базу делать в v0, чтобы потом не мучиться с косяками по вёрстке.
Как новичку освоить Cursor AI: пошаговый гайд
1. Планирование — сначала думай.
Нужно понимать, что по короткому промту ничего работать не будет.
Мы должны в этой работе заменить не только разработчика с лососем, но ещё и продакт-менеджера))
Первый шаг — спланировать то, что вы хотите создать. Я понимаю это как манифест конечного продукта. Он должен отвечать на следующие вопросы:
- Какую проблему решает?
- Почему именно вы?
- Для кого продукт?
- Где будете брать клиентов?
И так далее. Это уже начинаем грузить в ChatGPT или Grok3, чтобы создать полноценную спецификацию. Тут рекомендую посидеть и потыкать побольше, чтобы она была максимально подробной и совпадала с вашим видением.
2. Визуализация перед Cursor
Если не хотите тратить кучу времени на правки фронта, начните с V0. Это инструмент, который позволяет создавать макеты интерфейсов с помощью AI.
Сюда мы загружаем спецификацию, которую уже запилили, выбираем референс по дизайну и дергаем максимальное количество скриншотов.
Ссылки на сайты он читает не очень хорошо, а вот со скринов дергает всё, что надо, включая правильные шрифты.
Далее ищем косяки, запросами их правим и обязательно жмём кнопку Deploy, потому что в режиме превью v0 может показывать, что всё хорошо, а на деплое вёрстка может поехать, особенно если вы создаёте уникальный дизайн.
3. Настроить Cursor под себя: файлы правил
Чтобы Cursor AI работал лучше, можно добавить манифест продукта в корневую папку проекта.
Как это сделать:
1. Заходите на сайт cursor.directory
2. Ищете технологию, с которой работаете (например, Next.js, Python и т. д.).
3. Копируете ваш манифест — он же ключевой промпт.
4. В Cursor создаёте новый файл
cursor_rules и вставляете туда этот текст.После этого AI будет сразу понимать контекст вашего проекта и делать всё в соответствии с вашим видением.
4. Тегирование документации
Cursor позволяет загружать документацию прямо в проект. Это важно, потому что AI иногда опирается на устаревшие данные.
Как это настроить:
1. Открываем Composer в Cursor.
2. Жмём
*Add Docs*.3. Добавляем ссылки на официальную документацию нужных инструментов (например, Next.js, Supabase и т. д.).
Теперь Cursor будет подгружать актуальные данные и давать точные ответы.
5. Если Cursor много косячит
Так бывает. А мы гуманитарии и не понимаем, что он вообще там делает.
Поэтому идём назад в ChatGPT / Grok3 и скидываем им косячный код с просьбой найти решение и дать нужные команды.
Как вариант, пробуем Claude — это такой чат-бот, который заточен именно на разработку и поиск багов.
На самом деле, иногда помогает лучше других.
Мы вчера вечером с Алмасом сняли видос на YouTube, где без предварительной подготовки за час сделали мелкий проектик — от идеи до деплоя. Сегодня пульнём его на YouTube.
Ну и если тема вам зайдёт, мы хотим в пятницу сесть на 4-5-часовой стрим и прямо в реалтайме запилить клон какой-нибудь аппки, на разработку которой потратили миллионы баксов, например, Flo.