ТВОЙ САЙТ ВЫГЛЯДИТ КАК У ВСЕХ
Одна из главных проблем, когда делаешь сайт через агента - он у всех выходит одинаковый. Фиолетовый градиент, кнопка «Get started», и уже просто заебало.
Если ты делаешь ленд под свой продукт или под заказ, то ты бесполезный в цепочке между заказчиков и условным клауд кодом. Обычный юзер зайдёт и сразу закроет вкладку.
Поэтому агенту лучше давать уже готовый дизайн. Нашёл пару подборок, вытащил оттуда самое полезное, и получилось 9 сайтов.
➡️ Дизайн и компоненты:
1. Styles
2000+ дизайн-систем известных сайтов. Вбиваешь в поиск, на чей сайт хочешь быть похож, например Apple или Stripe, и скачиваешь файл DESIGN.md с его цветами, шрифтами и отступами. Кидаешь этот файл агенту, и он дальше держит этот стиль.
2. Tweakcn
Редактор тем для shadcn/ui. Крутишь цвета и шрифты, тут же смотришь результат, экспортируешь в Tailwind. Регистрация не нужна.
3. Originkit
547 анимированных компонентов: фоны, эффекты для курсора и текста, лоадеры.
4. Skiper UI
Анимированные компоненты под shadcn/ui, ставятся одной командой через npx.
5. Watermelon UI
600+ бесплатных компонентов и 100+ анимаций, open-source. Дашборды и блоки копируешь и вставляешь.
6. RetroUI
React-компоненты в пиксельном стиле. Под игры и мини-аппы зайдёт.
➡️ Агенты и бэкенд:
7. AI SDK Agents
Готовые блоки для чат-ботов и агентов: память, подтверждение действий человеком, воркфлоу.
8. Neon
Облачный Postgres, сам масштабируется под нагрузку.
9. CodeRabbit
Ревьюит код через ИИ и ищет баги. Пригодится, когда агент написал 500 строк, а ты в них даже не заглядывал.
Я бы шёл так: стиль берёшь из Styles или Tweakcn, компоненты отсюда же, агент собирает, CodeRabbit проверяет.
1️⃣2️⃣3️⃣4️⃣
5️⃣6️⃣7️⃣8️⃣
9️⃣🔟⏺⏭
◀️🔼🔽▶️
Всё давай, не забывай про реакцию
❤️ Vimol: Канал | Чатик | Вся альфа тут
ㅤ
[CREATOR]