TGViewer
Роман Сухов | Твой ИИ-инженер Роман Сухов | Твой ИИ-инженер @sukhov_live · 4.53K subscribers
Post #4739 499
Навайбкоженный сайт узнаётся за три секунды. Фиолетовый градиент, шрифт 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.

Фиолетовый градиент появляется там, где решение за тебя принял посторонний человек пять лет назад и ушёл. Файл на двадцать строк забирает это решение обратно.
  • ❤ 7
  • 👍 5
  • 🔥 4
More from @sukhov_live
  1. Oct 3, 2026Бесплатная CRM, на которой сейчас работает мой отдел продаж За CRM для своих продаж я плач…
  2. Oct 2, 2026За красивый экран никто не платит. Я заметил это на первых же переговорах. Показываешь чел…
  3. Sep 29, 2026OpenAI собирает всю работу внутри ChatGPT Прошла их ежегодная конференция DevDay 2026 для…
  4. Sep 28, 2026Ко мне регулярно приходят с запросом: хотим внедрить ИИ. И мне довольно часто приходится о…
  5. Sep 25, 2026Самая частая ошибка новичка: сразу написать агенту, что делать. Человек открывает окно и п…
  6. Sep 24, 202612 открытых проектов вокруг Jev Jev получает задачу и список вариантов, а назад отдает реш…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →