я научил агентов делать удобные и красивые сайты. понадобилось всего два скилла для claude code

мы все знаем про аи-слоп тексты, изображения и видео. но кроме этого есть и дизайн-слоп — стандартные сайты с UX-ошибками, одинаковыми элементами, одними и теми же шрифтами (сегодня без примеров, чтобы не обижать коллег!). они выглядят одинаково и в итоге отталкивают людей. я сам вайбкодил такие сайты еще какое-то время назад, но к счастью нашел целых два решения, которые позволяют системно закрыть вопрос.

1. superpowers и его встроенный визуальный-компаньон: про superpowers есть много информации в интернете, но есть фича, которую я считаю недооцененной. это визуальный компаньон. есть два варианта работы с ним — аудит существующего UX/UI и проектирование нового. теперь я начинаю разработку нового дизайна всегда с него, проше применить основные прицнипы UX-дизайна с опорой на топ-5 законом из книги UX laws. мне также нравится фича, когда он собирает кликабельные прототипы и UX можно оценить до начала основной разрабокти (переделывать значительно дороже).

2. impeccable, визуальный язык для ваших агентов: почему агенты делают одинаковый визуал? с одной стороны, потому что стремятся всегда к статистически усредненным результатам. с другой — им не хватает языка и инструкций. команда impecable как раз решает эту проблему. это набор из 20 скиллов, каждый из которых заточен на одну область дизайна. агент аудирует сайт и предлагает точечные изменения в консистености, цветах, расстояниях, при этом убирает типичные слоп-элементы (шрифт интер и карточки внутри карточек)

такой стэк вокруг агентов стало модным называть harness, мне тоже нравится этот термин. сегодня мы проводим бесплатную конференцию по вайбкодингу, где я расскажу про свой полный harness-стэк: какие инструменты для агентов я использую для исследований, продакт-менеджемента и копирайта, чтобы шиппить крутые продукты.

регистрация и детали по ссылке (кстати, оба эти скилла я использовал для сайта конфы — зайдите проверить).