Знакомая история: просишь Claude собрать сайт, а на выходе тот самый ИИшный вид - фиолетово-розовый градиент в шапке, три одинаковые карточки с иконками, кнопка со свечением. Красиво ровно настолько, чтобы стало понятно, что делал не человек.
Я разбираю, почему Claude по умолчанию скатывается в этот шаблон и как это чинит скилл UI UX Pro Max для Claude Code. Что он ставит в проект, как даёт модели насмотренность под твою нишу, что там бесплатно и чем он отличается от десятка похожих дизайн-скиллов. Всё, что пишу про сам скилл, проверено по его странице на GitHub на конец августа 2026.
В Telegram-канале - что нового в вайб-кодинге: инструменты, находки, ошибки. Подпишись.
Почему Claude по умолчанию рисует ИИшный дизайн?
Дело не в том, что Claude «не умеет в дизайн»: умеет, и неплохо. Проблема в другом - откуда у него берётся этот образ.
Модель натренирована на огромной куче сайтов из интернета. Когда ты говоришь «собери сайт», она достаёт самое вероятное среднее по всему, что видела, а среднее по интернету 2023-2025 годов - это одинаковые сайты стартапов с тёмным фоном, фиолетово-розовым градиентом, полупрозрачными карточками и крупным заголовком по центру, и этот стиль так залил выдачу, что стал вариантом по умолчанию.
Получается замкнутый круг. Все просят «современный красивый сайт», модель отдаёт самый распространённый шаблон, шаблон плодится дальше, таких сайтов в тренировочных данных становится больше. Так фиолетовый градиент и превратился в клеймо «сделано ИИ».
Забавно, что сами авторы дизайн-скиллов вносят это в чёрный список прямым текстом. В UI UX Pro Max для банковских интерфейсов среди антипаттернов стоит буквально «AI purple/pink gradients» - фиолетово-розовые ИИ-градиенты, которых надо избегать, так что проблему уже назвали вслух и внесли в списки запретов.
Чтобы Claude рисовал не средне-по-больнице, ему нужна опора: под какую нишу делаем, какая палитра уместна, какие приёмы для этой ниши выглядят дёшево. Ровно это и добавляет дизайн-скилл, о котором дальше и пойдёт речь.
Что такое UI UX Pro Max и что он вообще делает?
Скилл в Claude Code - это папка с инструкциями и данными, которую модель подхватывает, когда задача подходит под её тему. UI UX Pro Max сделан ровно под дизайн: он превращает Claude из «нарисую что-нибудь популярное» в «сначала подумаю про нишу, потом нарисую».
На конец августа 2026 у проекта на GitHub 123 тысячи звёзд и больше 13 тысяч форков - для дизайн-скилла это очень много, обычно столько набирают крупные фреймворки. Лицензия MIT, то есть открытый и бесплатный, а свежая версия на тот момент - 2.15.0 от 13 августа.
Что лежит внутри, по описанию авторов:
| Что | Сколько | Зачем |
|---|---|---|
| Наборы правил под тип продукта | 192 | Свои рекомендации для банка, спа, дашборда, портфолио |
| Стили оформления | 79 (50 рабочих) | Глассморфизм, минимализм, брутализм, бенто-сетка и другие |
| Цветовые палитры | 192 | По палитре под каждый тип продукта |
| Пары шрифтов | 74 | Готовые связки заголовок плюс текст с импортом из Google Fonts |
| Типы графиков | 25 | Для дашбордов и аналитики |
| Наборы инструментов | 22 | React, Next.js, Vue, Tailwind, SwiftUI, Flutter и прочие |
Модель сама по себе знает про дизайн «в целом». Скилл даёт ей знание «в частности»: для медицинской клиники нужна спокойная палитра и никакого неона, для финтеха уместна тёмная тема, но без ИИ-градиентов, для детского приложения свои шрифты. Это та насмотренность под нишу, которой у голой модели нет.
Как поставить UI UX Pro Max в Claude Code?
Способ первый, через магазин плагинов Claude Code. Прямо в чате Claude вводишь две команды по очереди:
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skillПервая добавляет источник, вторая ставит сам скилл. После этого он подхватывается сам, когда ты просишь что-то про интерфейс.
Способ второй, через утилиту командной строки. Ставишь её глобально один раз:
npm install -g ui-ux-pro-max-cliПотом заходишь в папку своего проекта и добавляешь скилл под Claude Code:
cd путь/к/твоему/проекту
uipro init --ai claudeТа же утилита умеет ставить скилл и под другие редакторы - Cursor, Windsurf, Antigravity, Codex, OpenCode и ещё полтора десятка. Если хочешь, чтобы скилл был доступен во всех проектах сразу, добавляешь флаг --global, и он ставится в домашнюю папку Claude.
Скрипту поиска нужен Python 3 - он гоняет по своей базе стилей и палитр локально, без выхода в интернет. Проверить, стоит ли Python, можно командой python3 --version. Если её нет, Python ставится с сайта python.org или через пакетный менеджер системы. Авторы тут честно предупреждают: скилл сам ничего не ставит на компьютер и в сеть не выходит. Если Python не хватает, он должен попросить тебя поставить его руками, а сам этого делать не будет.
Проверить, что скилл встал, просто: попроси Claude собрать любой экранчик и посмотри, спросит ли он про нишу и стиль до того, как писать код. Спросил - скилл работает.
Как это выглядит на практике?
Разберу на примере из документации скилла. Запрос - собрать сайт для спа-салона. Дальше скилл не бросается писать код. Сначала он разбирает запрос и выдаёт готовый разбор - что и почему:
- структура страницы: экран-герой, услуги, отзывы, запись, контакты;
- стиль: мягкие тени, спокойная глубина, ощущение премиума, органичные формы;
- палитра: приглушённый розовый, шалфейный зелёный, золотой акцент на кнопке, тёплый белый фон;
- шрифты: Cormorant Garamond для заголовков плюс Montserrat для текста, со ссылкой на Google Fonts;
- чего избегать: яркий неон, резкие анимации, тёмная тема, ИИ-градиенты.
И только с этой картой на руках Claude пишет саму разметку. Разница с обычным запросом видна сразу. Обычный запрос даёт усреднённый шаблон. Тут дизайн собран под задачу: у него есть логика, почему именно так подходит под спа.
Тот же механизм работает для любой из 192 ниш: просишь дашборд для медицинской аналитики - получаешь одну связку стиля и цветов, просишь портфолио фотографа - другую, и эта насмотренность под конкретную задачу и есть то, ради чего скилл ставят.
И вот что важно про сам подход. Скилл делает ровно то, что я на практикуме называю ИИ-клоном: берёт экспертизу дизайнера и кодирует её в навык, который Claude применяет сам. Только это чужой навык, про дизайн. На практикуме я показываю, как собрать такой навык под себя и под свой бизнес, а вместе с ним ещё две опоры - Второй мозг и контекст-инжиниринг. Эти три опоры и дают ровный результат - с любой моделью внутри.
Откуда у скилла берётся «вкус»: стили, палитры, шрифты
Секрета в слове «вкус» нет: есть три размеченных каталога, по которым скилл ищет.
Стили. В каталоге 79 вариантов оформления, из них 50 рабочих, остальные запасные и устаревшие. Это глассморфизм, минимализм, брутализм, неоморфизм, бенто-сетка, тёмная тема и другие. У каждого стиля прописано, для каких задач он уместен, а для каких выглядит дёшево. Скилл сравнивает варианты между собой и достаёт самый подходящий под запрос, а первый попавшийся отбрасывает.
Палитры. Их 192, и они привязаны к типам продуктов один к одному: для банка своя, для детского приложения своя, для люксового магазина своя. Это и отсекает главный ИИшный грех - фиолетовый градиент везде подряд, потому что скилл просто не предложит его там, где для ниши прописана другая палитра.
Шрифты. 74 готовые пары «заголовок плюс основной текст» со ссылками на Google Fonts. Подбор шрифта - место, где непрофессионал чаще всего промахивается, поэтому готовая пара под нужный тон (строгий для банка, мягкий для спа) сразу экономит время и делает вид дороже.
Отдельно у скилла есть 119 правил по удобству: контраст, состояния фокуса для навигации с клавиатуры, поведение длинных подписей, чтобы текст не обрезался. Это уже про то, чтобы интерфейс не разваливался на узком экране или при увеличенном шрифте - те самые мелочи, которые отличают собранный интерфейс от просто картинки.
Что именно делает дизайн не ИИшным?
ИИшный вид - это набор конкретных дешёвых приёмов, и дело тут не в отсутствии таланта: уберёшь приёмы - уйдёт и ощущение.
Скилл ведёт на каждую нишу список того, чего избегать. Для банка это те самые фиолетово-розовые градиенты, резкие анимации и неон. Для спа - тёмная тема и агрессивные эффекты. Список антипаттернов работает как фильтр: модель отбрасывает варианты, которые выдают ИИ, ещё до того, как напишет код.
Второй слой - контрольный список перед сдачей. Скилл проверяет готовый интерфейс по пунктам, вот часть из них:
- никаких эмодзи вместо иконок - только нормальные векторные наборы вроде Heroicons или Lucide;
- курсор-палец на всём, что кликается;
- контраст текста не ниже 4,5 к 1, чтобы буквы читались;
- видимое состояние фокуса для тех, кто ходит по сайту с клавиатуры;
- уважение к системной настройке «меньше движения» - анимации отключаются, если человек их выключил;
- проверка на четырёх ширинах экрана: 375, 768, 1024 и 1440 пикселей.
Ничего сверхъестественного тут нет. Это ровно те мелочи, которые делает живой дизайнер на автомате и пропускает модель, если её не попросить. Эмодзи вместо иконок и текст, который обрезается на телефоне, выдают ИИ вернее любого градиента.
Что бесплатно, а за что просят денег?
Хорошая новость: то, ради чего скилл ставят, лежит в бесплатной части. Основная версия открыта по лицензии MIT, и в неё входят все 192 набора правил, полный каталог стилей, палитры, пары шрифтов, поиск по базе и сборка дизайн-системы под нишу - для сольного предпринимателя и обычного проекта этого хватает с запасом.
Платная версия - надстройка для тех, кому мало интерфейса. По описанию авторов туда добавлены фирменный стиль, логотипы, баннеры, слайды для презентаций и своя иконография. Ещё там генерация настоящих визуальных материалов вместо заглушек и более сложная система дизайн-токенов под большие команды.
Точных цен на платную версию на открытых страницах скилла нет - авторы отсылают на свой сайт uupm.cc, где условия могут меняться. Поэтому конкретных цифр я не привожу: в материале про деньги выдуманная сумма хуже, чем её отсутствие. Если решишь брать платную версию, сверяйся с ценой прямо на странице оплаты в момент покупки. Оплата зарубежного сервиса из России - отдельный вопрос, его я разбираю в других материалах.
Для старта я бы вообще не думал про платную часть. Бесплатной с головой хватает, чтобы увести дизайн от ИИшного шаблона, а надстройки берёшь, когда бесплатной версии начнёт не хватать.
Чем UI UX Pro Max отличается от других дизайн-скиллов?
UI UX Pro Max не единственный, вокруг него целая поляна: по запросу «claude skill design» на GitHub находятся сотни репозиториев, и у популярных - тысячи звёзд, так что, чтобы не растеряться, я делю их на два типа.
Первый тип - широкие подборщики, как сам UI UX Pro Max. Их сила в охвате: сотни ниш, десятки стилей, готовые связки под любую задачу. Берёшь, когда не знаешь заранее, что именно рисуешь, и хочешь, чтобы скилл сам предложил уместное.
Второй тип - узкие скиллы под одну идею. Одни генерируют дизайн-систему под конкретный бренд и учат Claude любому фирменному стилю, другие делают упор на борьбу с типовыми ошибками и «ИИ-мусором» в интерфейсе, третьи собирают дизайн в духе определённой компании или по конкретной книге про интерфейсы, и берут такой скилл, когда задача одна и понятная.
| Тебе нужно | Какой скилл брать |
|---|---|
| Быстро собрать приличный интерфейс под любую нишу | Широкий подборщик вроде UI UX Pro Max |
| Один фирменный стиль на все проекты | Узкий скилл под генерацию бренд-системы |
| Вычистить типовые ИИшные ошибки в готовой разметке | Узкий скилл для вычитки под антипаттерны |
| Дизайн строго в стиле конкретной компании | Узкий скилл под этот дизайн-язык |
Универсального ответа «этот лучше» нет, и гоняться за самым звёздным репозиторием смысла мало. Я бы начал с широкого подборщика, чтобы закрыть базовую боль с ИИшным видом, а узкие скиллы добавлял под конкретную задачу, когда она появится.
Работает ли скилл из России и на других инструментах?
Со скиллом из России всё просто: он открытый и бесплатный, скачивается с GitHub, никакой привязки к региону у него нет, ставится и работает как обычная папка с файлами.
Настоящий барьер лежит уровнем ниже - в доступе к самому Claude Code. Регистрация, оплата подписки, вход из России - это отдельная история, и её я подробно разбираю в других материалах: как оплатить Claude Code из России и какой VPN нужен для доступа к Claude. Как только доступ к Claude есть, скилл поверх него никаких новых препятствий не добавляет.
Про другие инструменты. Скилл не завязан только на Claude. Той же утилитой командной строки он ставится в Cursor, Windsurf, Google Antigravity, Codex, OpenCode, Gemini CLI и ещё десяток редакторов - отличается только один флаг в команде: --ai cursor, --ai windsurf и так далее. Кодишь в Codex от OpenAI - тот же дизайн-скилл заведётся и там.
Так стоит ли ставить UI UX Pro Max?
Соберу всё в одну таблицу - выбирай по своей ситуации.
| Твоя ситуация | Что делать |
|---|---|
| Сам вайб-кодишь сайты и бесишься от ИИшного вида | Ставить, бесплатная версия закрывает вопрос |
| Нужен один фирменный стиль на все проекты | Смотреть узкий скилл под бренд-систему |
| Дизайн делает отдельный человек | Скилл не нужен, у тебя уже есть вкус в команде |
| Разовая задача под готовый шаблон | Проще взять шаблон, скилл избыточен |
Если совсем коротко: ИИшный дизайн - это не приговор модели. Так выходит, когда ей не дали опоры под конкретную нишу. Дизайн-скилл эту опору даёт, а бесплатная версия UI UX Pro Max - недорогой способ проверить подход на своём проекте уже сегодня. Дальше всё держится на методе: как встроить такой навык в свою работу, чтобы результат был ровным от проекта к проекту. А сам инструмент можно и поменять, на методе это не скажется.
Источники
- UI UX Pro Max - репозиторий на GitHub (nextlevelbuilder/ui-ux-pro-max-skill) - лицензия MIT, 192 набора правил, 79 стилей, 192 палитры, установка через магазин плагинов и CLI
- Пакет ui-ux-pro-max-cli в npm - утилита командной строки, команда uipro, версия 2.15.0
- Документация Claude Code про скиллы (code.claude.com) - как устроены и подключаются скиллы
- Google Fonts - каталог шрифтов, на который ссылаются пары из скилла
- Heroicons - набор векторных иконок - иконки вместо эмодзи из контрольного списка скилла
Полная схема вайб-кодинга держится на методе, а конкретный скилл вторичен: ИИ-клон плюс Второй мозг плюс контекст-инжиниринг. Скилл поменяется, метод, на котором всё держится, останется прежним. Разбираю все три опоры за три вечера на практикуме.
Новые материалы - дайджестом, без спама
Гайды выходят регулярно. Подпишись, чтобы не пропускать: пришлю подборку в Telegram или на email. Раз в неделю или каждый день - выбираешь сам.
