Навайбкоженный сайт узнаётся за три секунды. Фиолетовый градиент, шрифт 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.
Фиолетовый градиент появляется там, где решение за тебя принял посторонний человек пять лет назад и ушёл. Файл на двадцать строк забирает это решение обратно.
В августе 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.
Фиолетовый градиент появляется там, где решение за тебя принял посторонний человек пять лет назад и ушёл. Файл на двадцать строк забирает это решение обратно.