Как не умея программировать запилить три проекта, не написав ни строчки кода: консервный зимний вайбкодинг в html
Привет, Пикабу! Хочу рассказать про свой эксперимент в вайбкодинге. Вдруг кому пригодится мой опыт, даст немножко вдохновения этой зимой. Сам вайбкодинг, если коротко — для меня это когда создаешь не просто функциональный код, а именно атмосферу, где каждая деталь (звук, цвет, кнопка) работает на одно ощущение. Ну, и когда это создано совместно с ИИ, разумеется. Как там у других - не знаю. Это то, что я понял в процессе всех этих дел, когда концепт сложился.
Короче, мне всегда хотелось иметь что-то своё в Сети. Но я не программист от слова совсем. Чистый гуманитарий. А заиметь что-то крутое всегда хотелось. Что-то такое, минималистичное, уютное, вайбовое, что сгенерировано с ноля и ниоткуда не взято. С конструкторами сайтов я раньше работал, но так чтобы писать код в блокноте, чисто общаясь с ИИ - такой опыт у меня впервые) В общем, на голом энтузиазме у меня по очереди за декабрь-январь родилось сразу три проекта.
radio8.space — такое небольшое радио с лоуфай, эмбиентом и инструментальным хип-хопом. Меланхоличный плейлист, чтоб врубил и пошёл делать дела или отдыхать. Две активных кнопки: Play и Stop и одна для переключения треков (вшита в radio8).
tv8.space — своеjбразный телевизор с белым шумом: дождь, огонь, VHS, волны, лес. Ретроэстетика, расслабляющий звук, лёгкий транс. Этот проект для посвященных, кто понимает ценность шума для концентрации и / или покоя. Задумано, чтобы помогать сфокусироваться, отключиться или уснуть.
blokknote.space — Минималистичный онлайн-редактор с эстетикой печатной машинки. Чисто для удовольствия от знакомых с детства щелчков, ну и шрифт соответствующий. Можно, собственно, писать, делиться заметками с друзьями, скачивать доки, всё, как положено.
Как это создавалось:
Повторюсь, я не программист, поэтому для меня это был квест «идея → вайб → реализация». всё в новинку и ничего не понятно.
Код: Все свои идея я вбрасывал в Qwen и DeepSeek. Китайский друзья помогали мне с логикой. Самым нудным тут была бесконечная подгонка иконок и вёрстки под смартфоны и десктоп. А ещё расшеривание, которое сломало мне мозг, потому что с базами данных я тоже никогда не сталкивался (работает в итоге через связку Vercel + Upstash).
Контент и атмосфера: Музыка - Suno, видео - SORA, иконки - Nano Banano, фоны - Midjourney, все клики и звуки интерфейса - Stable Audio. Со всякими графическими и остальными нейросетями я знаком давно, поэтому тут проблем не было. Главное запросы писать правильные.
Креатив: Ну, а сами идеи, продюсирование, креатив и главное — постоянный «вайб-чек» - это уже с меня. Я всегда думал, что первый код, которые пишет ИИ по твоей идее - не рабочая фигня. Так и есть) Но если чуть подшаманить, всё заработает...
Конечная цель была не в мегафункциональности, а в цельном впечатлении, в эмоции, уюте. Потому что сделал я для себя, но потом решил, а чего бы и не поделиться).
Все три проекта в общем концепте: зашел, включил — и попал в свою «капсулу» настроения (или времени, чего уж там). И вроде получилось. Что думаете? Не судите строго, первый опыт всё-таки)



