№24

23 сентября 2026

дизайн · инструменты · агенты

Четыре сайта, которые лечат дженерик-дизайн у vibe-кодера

Если коротко

Что даёт
подборку из четырёх рабочих сайтов, которые закрывают главные дыры vibe-кодинга: откуда брать стиль, откуда брать готовые анимированные блоки, откуда брать 3D-градиентный фон и куда идти, если хочется, чтобы сайт с бэкендом собрал агент.
Зачем
AI-кодер без референса лепит один и тот же дженерик-интерфейс, а тут не абстрактный совет "дай больше контекста", а конкретные файлы и компоненты, которые в промпт можно просто вставить.
Как сделать
идёте на styles.refero.design, находите дизайн-систему по бренду или вайбу, копируете её DESIGN.md в начало промпта своему AI-кодеру перед генерацией интерфейса.
Профит
три инструмента из четырёх бесплатны для базового использования, экономия - часы на подбор стиля и ручной набор анимаций.
Где подвох
последний пункт ролика - оплаченная реклама Manus (в описании стоят #ad и #manuspartner), а у Refero бесплатно открыто только около 3% библиотеки.

Что показано

Три парня морщатся в камеру под заголовком "10/10 niche websites for vibe coders", дальше идёт голый скринкаст: автор по очереди открывает четыре сайта и коротким подписанным кадром объясняет, что каждый даёт. Закадрового голоса нет - то, что whisper отдал как "речь", это текст фоновой песни, весь смысл ролика лежит в текстовых подписях поверх экрана.

Почему это работает

Все четыре инструмента бьют в одну и ту же боль: AI-кодер (Cursor, Claude Code, v0, Lovable) без явного стилевого контекста скатывается в один и тот же "AI slop" - те же радужные градиенты, тот же Inter, те же закруглённые карточки без характера. Refero не подсовывает картинку для вдохновения, а даёт файл DESIGN.md: цвета, шрифты, отступы и паттерны компонентов реального продукта в текстовом виде.

DESIGN.md - это не мудборд, а контекст, который агент буквально читает перед тем, как написать первую строку CSS

Cult UI работает на той же логике copy-paste, что и весь shadcn/ui: компонент не тянется как npm-зависимость, а копируется прямо в ваш код, поэтому его можно менять как угодно, не воюя с чужим API. ShaderGradient снимает необходимость писать WebGL-шейдер руками: крутите параметры в браузере, получаете готовый код на выходе. Manus, кстати, работает уже на другом уровне - это не библиотека, а агент, который сам доводит задачу до сайта с базой и бэкендом.

Как повторить

  1. Откройте styles.refero.design и найдите дизайн-систему по названию бренда, настроению или цвету (поиск работает по каждому параметру отдельно).
  2. Откройте карточку понравившегося стиля - там цвета, типографика, отступы, компоненты и сам файл DESIGN.md.
  3. Скопируйте DESIGN.md в начало промпта своему AI-кодеру (Cursor, Claude Code, v0, Lovable) перед тем как просить сгенерировать интерфейс.
  4. За готовыми анимированными блоками (навбары, карусели отзывов, Dynamic Island и похожее) идите на cult-ui.com → Docs → нужный компонент → команда установки, например:
pnpm dlx shadcn@latest add https://cult-ui.com/r/dynamic-island.json
  1. За анимированным 3D-градиентным фоном - shadergradient.co: покрутите параметры вручную, скопируйте сгенерированный код или ссылку и вставьте на сайт.
  2. Если нужен не отдельный элемент, а весь сайт с бэкендом и базой сразу - Manus.im, раздел Agent → New task, описываете сайт текстом (учтите, это платный сервис, и в ролике он рекламный).

Проверочный прогон

С Refero просто: если агент после вашего промпта выдал интерфейс с конкретными цветами и шрифтами из DESIGN.md, а не дефолтный Tailwind-индиго, значит файл сработал. С Cult UI команда установки должна положить компонент прямо в ваш components/ui/, а не добавить строку в package.json - если тянет npm-пакет, что-то пошло не так. С ShaderGradient экспортированный код должен воспроизводить на вашем сайте ту же картинку, что крутилась в браузере при настройке; если градиент вышел статичным, забыли включить анимацию перед экспортом.

Где это пригодится

Пригодится в первую очередь если вы гоняете Cursor или Claude Code на реальный проект и уже устали получать один и тот же безликий интерфейс - вместо десятого промпта "сделай красивее" просто подкладываете DESIGN.md с конкретным брендом и смотрите на разницу. Пригодится и если делаете сайт клиенту и хотите быстро показать несколько стилевых направлений: берёте три разных DESIGN.md, гоняете один и тот же промпт трижды, сравниваете результат. Сам зашёл на Refero посмотреть, что там лежит рядом со стилем вроде evdokimov.ai - библиотека реальная, файлы открываются, но саму связку с агентом пока не гонял.

Оговорки

То, что whisper отдал как "речь", - это текст фоновой песни, а не слова автора; весь контент ролика собран по текстовым подписям на кадрах, а не по аудио. Последний блок про Manus.im - оплаченная реклама (#ad, #manuspartner в описании), доверять ей как независимой рекомендации не стоит. У Refero бесплатно открыто примерно 3% библиотеки, полный доступ к 2000+ дизайн-системам - платная подписка. У Cult UI бесплатны 78 базовых компонентов на MIT-лицензии, но 129+ дополнительных блоков и шаблонов идут в Pro-версии за разовые 129-179 долларов. Установочные команды и шаги для Cult UI и ShaderGradient я не прогонял руками - собрал их по официальной документации и кадрам ролика, а не по личному запуску. Призыв "Comment CODE and I'll send you the links" - обычная приманка для вовлечения в комментарии, прямых ссылок в тексте поста нет, все адреса восстановлены по URL-строкам на кадрах.

Больше подобного

Разбираю по находке в день и складываю сюда. Свежее и то, что до сайта не доехало, выходит в канале «Евдокимов как обычно».