Заметки о вайб-кодинге сайтов. Часть 2.
Для особо продвинутых, а местами и упоротых, есть еще Shadcn UI и Radix UI:
Shadcn UI — это не просто “библиотека компонентов”, а скорее способ собрать свою компонентную базу под проект. Radix UI дает базовое поведение и доступность компонентов без навязанного внешнего вида. Из этого компота уже можно делать более взрослую дизайн-систему, с которой будут работать агенты.
Дальше начинается следующий уровень боли: как должен выглядеть первый блок, второй, третий и так далее.
Как я уже говорил, сказать ИИ “сделай красиво” — плохой план. Особенно если сайт многостраничный. Один блок он еще может собрать прилично. Но когда блоков 10–20, появляются разные отступы, разные карточки, разные кнопки, разные стили и ощущение, что сайт собрали из случайных кусков.
Есть несколько рабочих вариантов:
1. Давать скрины-референсы с других сайтов и дожимать модель итерациями, пока не получится похоже по структуре и настроению.
2. Использовать платные или бесплатные UI-библиотеки готовых блоков и собирать из них свою базу. Вот несколько источников:
— https://tailwindcss.com/plus/ui-blocks/
— https://flowbite.com/blocks/
— https://hyperui.dev/components/marketing/
Если очень хочется купить библиотеку — можно купить. Если не хочется — можно использовать блоки как референсы по структуре, композиции и логике.
Главное не скатиться в тупое копирование “сделай мне такой же блок”, а объяснять модели, что именно нужно забрать: сетку, ритм, расположение элементов, принцип карточек, плотность, поведение на мобильных.
Этот набор нехитрых действий немного облегчает разработку интерфейса и повышает шанс, что получится не просто набор ровных блоков, а более-менее цельный сайт.
Но важный дисклеймер: вайб-кодинг не отменяет разработку, дизайн и голову.
После генерации все равно надо проверять адаптив, формы, скорость загрузки, SEO, доступность, тексты, состояния кнопок, баги и банальную логику работы.
Вайб-кодинг не отменяет разработку и дизайн. Он просто переносит часть работы в другой режим: теперь важно не только писать код, а уметь задавать систему, ограничения и вкус.
Иначе на выходе получится не сайт, а франкенштейн из аккуратных, но случайных блоков.
Желаю вам приятного вайб-кодинга.
👉 Александр Андреев. Подписаться
