Навайбкоженный сайт узнаётся за три секунды. Фиолетовый градиент, шрифт Inter, три карточки в ряд. Модель тут ни при чём, виноват один человек в 2020 году.В августе 2025-го создатель Tailwind Адам Уотан публично извинился за то, что пятью годами раньше сделал фиолетовый цветом кнопок по умолчанию в своей библиотеке. Выбрал он его просто как заглушку для демок.
Дальше библиотека разошлась по учебникам и чужим проектам, всё это попало в обучение моделей, и теперь любая нейросеть считает, что сайт выглядит вот так.
Когда ты просишь агента сделать красиво, он не выбирает.
Он отдаёт тебе среднее по всему, что видел. Среднее выглядит одинаково у всех.✅Лечится это просто: перестань описывать словами и начни показывать. Ниже шесть шагов, каждый занимает пару минут.
1. Покажи пример вместо описанияАгент понимает картинку лучше, чем прилагательные. Найди два-три сайта, которые тебе нравятся, сделай скриншоты и отдай их ему.
Где искать:
godly.design (живые сайты, разобранные по кускам) и
siteinspire.com (фильтр по стилю).
Заведи доску в Pinterest под каждый проект, потом это и будет твоё техзадание.2. Смени шрифтСамая дешёвая правка из всех. Заменил шрифт, и страница перестала выглядеть как демка.
fontshare.com: шрифты, которые можно использовать в коммерческих проектах.
typewolf.com: каждый день новый сайт с разбором, чем он набран, удобно подсматривать пары шрифтов.
3. Возьми один набор иконокГлавная примета новичка это иконки из разных мест на одной странице. Выбери один набор и скажи агенту брать всё оттуда.
lucide.dev: агенты знают его лучше всех остальных.
phosphoricons.com: то же самое, но линии бывают потолще и потоньше.
4. Не давай агенту выдумывать кнопки и формыВсё это давно сделано и проверено. Попроси собирать интерфейс из готовых блоков.
ui.shadcn.com: на нём стоит половина современного веба, агенты работают с ним увереннее всего.
21st.dev: большой каталог готовых кусков, если нужно что-то конкретное вроде тарифной таблицы.
5. Проверь две вещи перед публикациейФотография на четыре мегабайта тормозит сайт сильнее всего остального вместе взятого. Прогони картинки через
squoosh.app, он сожмёт их прямо в браузере.
И проверь текст на
whocanuse.com. Сервис показывает, читается ли твой шрифт на твоём фоне. Светло-серое на белом выглядит стильно ровно до того момента, когда на это смотрит живой человек.
6. Собери всё в один файлЗаведи в корне проекта файл
DESIGN.md. Запиши туда цвета, шрифт, набор иконок, отступы и правила для кнопок. Один раз собрал, дальше агент сверяется сам, без напоминаний в каждом сообщении.
Если работаешь в Claude Code, то же самое можно поставить скиллами: официальный
ui.shadcn.com/docs/skills и набор про анимацию
github.com/emilkowalski/skills.
Фиолетовый градиент появляется там, где решение за тебя принял посторонний человек пять лет назад и ушёл. Файл на двадцать строк забирает это решение обратно.