8 сайтов, с которыми ИИ перестаёт делать одинаковые сайты
Почему сайты, сделанные с ИИ, похожи друг на друга, и какие библиотеки помогают агенту сделать красиво: эффекты, состояния ИИ-приложений, готовые детали и план перед кодом.
Когда у всех одни и те же ИИ-помощники, получаются одинаковые сайты: тот же шрифт, те же карточки, тот же крутящийся значок загрузки. Хорошая новость — есть сайты, которые ваш ИИ-агент умеет читать сам: он берёт оттуда готовый компонент и встраивает его в проект.
Ниже — 8 таких сайтов, разбитых на 4 задачи. Цены проверены в октябре 2026 года.
1. Эффекты для лендингов
То, что агент плохо пишет с нуля: анимации при прокрутке, эффекты курсора, «живые» фоны.
- ObsidianUI — анимированные блоки для React. Главное: у каждого блока есть страница-инструкция для агента. Даёте агенту ссылку — он сам всё подключает. Бесплатно.
- OriginKit — больше 500 анимированных блоков, особенно много фонов. Можно подключить к агенту напрямую. Бесплатная версия с ограничениями, полная — от 79 $ в год.
- Bencho — мелкие «живые» взаимодействия: свайп, перетаскивание, «потяни, чтобы обновить». Всё можно потрогать прямо на сайте. Бесплатно.
2. Как выглядит ИИ-приложение, пока «думает»
Обычно в ИИ-приложении один значок загрузки на всё. Эти два сайта дают десятки состояний: «думаю», «пишу ответ», «нужно подтверждение», таблицы изменений.
- BeautifulUI — сильнее в таблицах, списках задач и экранах агента. Бесплатно.
- AICSS — сильнее в самом чате и поле ввода; есть версии не только для React, но и для Vue и Svelte. Базовые блоки бесплатно, полная версия — 89 $ один раз.
3. Обычные детали интерфейса
Формы, окна, таблицы, выбор даты — «скучные» 80% любого приложения.
- coss/ui — около 55 базовых деталей и сотни готовых блоков. Есть навык для ИИ-помощника: он перестаёт выдумывать настройки компонентов. Бесплатно.
- Componentry — 53 анимированных блока, которые агент добавляет по названию, даже не открывая сайт. Бесплатно.
4. План перед кодом
- Stage — не библиотека, а программа для подготовки: исследование, стиль, экраны и список нужных библиотек. Результат — подробное задание, по которому Cursor, Claude Code или Codex делают уже не «как у всех». Пробный период 14 дней, дальше от 29 $ в месяц.
С чего начать
- Выберите одну задачу из четырёх — ту, где ваш сайт сейчас выглядит слабее всего.
- Найдите нужную библиотеку по названию и попросите агента добавить один конкретный блок.
- Сравните до и после. Стало лучше — добавляйте следующее.
Подборка: Источник- The Vibe Coder Toolkit V3 (автор — Adrien Ninet).
Подпишитесь на рассылку
Новые заметки и подборки — прямо на почту. Без спама.