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