Вижу что коллеги ловят FOMO на тему вайбкодинга: мол, уже на собеседованиях просят написать и зарелизить сайт, а я даже не погружался в тему.
Спокойно, работяги, сейчас кратко объясню.🐒
Понимание вайбкодинга можно разделить на три условных уровня: слышал, пробовал, использую.
Если вы на первом уровне, я расскажу вам как приблизится ко второму.
1️⃣ Учимся писать промт для Cursor | Figma | Lovable
Одна из важнейших вещей, которую нужно тренировать, но при этом она не требует от вас долгого погружения.
Хороший промт включает в себя ряд полей:
🔘 Обозначить компуктеру роль (например, web-разработчик или аналитик)
🔘 Контекст продукта: что за продукт, для кого (приложение с карточками слов на английском для уровня B1-B2)
🔘 Функциональные требования, что делаем (поле ввода слова, кнопка запроса для перевода и примеров, другие секции)
🔘 Ограничения стека (без API, использовать определенный язык или датасет)
🔘 Формат результата (делаем прототип, не усложняй, сохрани все в один файл)
2️⃣ Запустить промт = настроить окружение, учетку, потрогать чат
Я рекомендую установить Cursor, зарегистрироваться, вставить свой промт в него. Это позволит понять как все устроено, и уже говорить про вайбкодинг с конкретным представлением. 🤠
Игорь, я уже попробовал и перешел на второй уровень?
И да, и нет. 😉
Настоящее понимание вайбкодинга (сюрприз!) начинается тогда, когда ты реально пытаешься что-то состряпать. Переписываешь задания для секций на сайте, в коде правишь заголовки, интересуешься в сети какой API можно использовать для задачи.
Это прямая дорога ко второму уровню: пробовал запилить свой сайт с архитектурой и логикой и выложил его на GitHub.
_______
Как прочувствовать второй уровень – напишу в следующем посте. 🌟
Ставим реакции:
☺️ - шарю за вайбкодинг
😢 - пока не погружался/ не погружалась