Вайбкодинг — с чего начать?

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

Недавно я решил глубже погрузиться в эту тему, посмотреть как это вообще происходит и попробовать что-то сделать самому. Инструмент, который я буду рассматривать — Cursor. Выбрал его, потому что он больше всего на слуху, а значит более продвинутый (наверное), чем остальные подобные сервисы (называются, кстати, IDE сервисы, использующие AI)

Cursor — это среда разработки, внешне сильно похожая на VsCode, внутри которую добавили ChatGpt, Claude и Gemini. Ты пишешь запрос, что ты хотел бы закодить, а они выдают тебе готовый код

🔤
Ниже делюсь материалами, которые я смотрел и считаю плюс минус полезными для того, чтобы войти в тему
🔤

Чувак рассказывает как сделал пет проект на Cursor и делится своими ошибками и best practices

Основы vibe coding на Cursor

Фронтэнд на Cursor

Бэкэнд на Cursor

3 проекта на Cursor за 2,5 часа (лендинг с анимацией, сервис для генерации изображений и сервис для генерации графиков на основе текста)

Дизайнер из Альфа банка создал онлайн словарь с подключением по АПИ

Что такое MCP серверы

MCP сервер FIgma и Cursor

Автоматическая верстка макетов из Figma в Cursor AI с помощью MCP сервера

7 инсайтов по Cursor [rules, directory, MCP, docs, commit]

В следующий раз поделюсь тем, что у меня получилось за пару дней вайбового кодинга (40-60 мин в день), а также инсайтами по работе с Курсором, которые упростят вам жизнь. Stay tuned💀

💬 Тултип