Первые полгода работы с Claude я стыдливо закрывал вкладку, когда коллега подходил с «покажи, что накидал». Лендинги выходили как под копирку — шрифт Inter, фиолетовый градиент на белом, три карточки в ряд, ноль характера. Узнаётся за секунду даже не дизайнером.
Всё изменилось, когда я поставил официальный скилл Anthropic —
frontend-design
. Работает он не так, как я ожидал. Это не «добавь красоты», а принуждение агента к решению ещё до кода. Claude обязан явно выбрать дизайн-направление: бруталистский минимализм, максималистский хаос, ретро-футуризм, ар-деко, редакторский стиль — и только потом вёрстка, с осмысленной типографикой, нестандартными парами шрифтов, сеткой и микро-анимациями.
Что реально ощущается в работе
Типографика перестала быть дефолтной. Никаких Inter/Roboto по привычке — скилл явно запрещает «безопасные» варианты.
Появилась визуальная иерархия. Заголовки, акценты, воздух — всё читается с первого взгляда.
Dark mode и базовая доступность (контраст, alt-тексты) идут из коробки, без отдельных промптов.
Результат не стыдно показать клиенту с первого прохода — переделок меньше в разы.
Где использовать
Лендинги, дашборды, React-компоненты, портфолио, внутренние админки — везде, где у меня свободные руки по стилю. Для проектов со строгим брендбуком я сочетаю его с отдельным
-скиллом.
Как поставить
Скилл официальный, лежит в репозитории Anthropic:
Либо вручную — склонировать папку
из
в
. В
на платных тарифах он уже предустановлен, ничего делать не надо — просто попросите «сделай лендинг», скилл подхватится сам.
Честный минус
Первые генерации иногда перегибают в артистичность — я добавляю в промпт «помни про B2B-аудиторию». Одна строчка, а не переделка с нуля.
Если вы до сих пор штампуете фиолетовые градиенты — ставьте первым.