UI UX Pro Max skill: 88 стилей против шаблона в 2026 году

Что такое UI UX Pro Max, если объяснять на пальцах

Помощник вроде Claude Code без подсказок собирает страницу по усреднённому вкусу: фиолетовый градиент, скруглённые карточки, эмодзи вместо значков. Он видел миллионы страниц и выдаёт середину, а середина одинаковая у всех

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

UI UX Pro Max устроен иначе, чем большинство соседей по списку. Внутри у него не текст с советами, а таблицы: строка на стиль, строка на набор цветов, строка на пару шрифтов, строка на правило удобства. Плюс маленькая программа поиска, которая по твоему описанию продукта выбирает подходящие строки и складывает их в один ответ

Что это тебе даёт: помощник перестаёт придумывать оформление на ходу. Он получает конкретные значения цвета, конкретные имена шрифтов и конкретный порядок блоков ещё до того, как напишет первую строчку разметки

Важно сразу снять ожидание. Скилл ничего не рисует и не верстает. Он отвечает словами: вот стиль, вот шесть цветов с их номерами, вот два шрифта, вот в каком порядке ставить блоки, вот семь пунктов проверки перед сдачей. Собирает страницу по этому ответу всё тот же помощник, и качество сборки остаётся на нём

Что лежит внутри: восемь таблиц и 22 набора под способ сборки

Я скачал свежую копию проекта 31 августа 2026 года и посчитал строки в каждом файле сам, а потом сверил свой счёт со служебным файлом проекта, где авторы ведут те же числа. Оба счёта сошлись по всем позициям

Что это тебе даёт: понимание, за что ты платишь вниманием. Это не «умный дизайнер внутри», а большой справочник с поиском. Ценность справочника в том, что его составили один раз, а пользуешься ты им на каждой странице

Три числа из таблицы стоит прочитать внимательнее. Из 88 стилей рабочими помечены 50, ещё 29 лежат запасными, а 9 отмечены как устаревшие. То есть выбор у помощника вдвое меньше, чем обещает первая цифра, и это нормально: устаревшие строки не выбрасывают, чтобы не сломать старые проекты

Наборы под способ сборки это отдельная история. Если ты собираешь сайт на обычной разметке, тебе достанется один свод правил, если приложение на Flutter, совсем другой. Про сами способы сборки я писал в разборах про Bolt, про Lovable и про мобильное приложение без программиста

Что нужно приготовить до установки

На входе понадобится ровно три вещи, и ни одна не стоит денег

Третий пункт тут не для красоты. Поиск внутри скилла написан на питоне, и без него таблицы просто не откроются. Ничего доустанавливать сверх самого питона не надо: внешних кусков программа не тянет

Если первого пункта пока нет, он ставится за один заход: вот как это делается. Если помощник уже стоит, но ты в нём плаваешь, рядом лежат первые шаги с нуля и разбор настроек

Шаг 1. Поставь скилл через встроенный магазин дополнений

Куда нажать: открой окно помощника и напиши две строки подряд, каждую отдельным сообщением. Первая строка добавляет магазин этого проекта, вторая ставит из него сам скилл

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

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

Что это тебе даёт: скилл встаёт на место одной парой строк, без скачивания архивов и без ковыряния в папках. Второй способ, через каталог готовых пакетов, разобран ниже отдельно, и он нужен не всем

Обрати внимание на слово Recommended у второго способа. Авторы советуют именно его, потому что через каталог пакетов приезжают самые свежие таблицы. Магазин дополнений при этом проще, и для первого знакомства я советую начинать с него

Шаг 2. Проверь, что помощник видит новый скилл

Куда нажать: в том же окне спроси обычными словами, какие дополнения ему сейчас доступны. Отдельной кнопки для этого нет, работает обычный вопрос по-русски

Что увидишь: список, в котором среди прочих стоит строка ui-ux-pro-max и рядом с ней описание про дизайн-подсказки. Строки нет в списке, значит вторая команда установки не прошла: чаще всего в имени магазина опечатка, реже помощник просит перезапуска

Что это тебе даёт: ты ловишь неудачную установку сразу, а не через час, когда страница уже собралась в том самом усреднённом виде. Проверка занимает одно сообщение

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

Шаг 3. Попроси готовый набор решений под свой продукт

Куда нажать: напиши помощнику, что собираешь, и попроси позвать этот скилл до того, как он начнёт верстать. Формулировка, которая работает с первого раза, выглядит так

Собери одностраничный сайт для «online course landing page for AI school».
Сначала позови скилл ui-ux-pro-max в режиме design-system и покажи мне,
какой стиль, какие цвета и какую пару шрифтов он предложил.
Верстать начинай только после того, как я скажу «ок»

Что увидишь: в ответе появится рамка со списком строк. Шаблон страницы и порядок блоков, название стиля, шесть-десять цветов с их номерами и ролями, пара шрифтов с настроением, набор эффектов и семь пунктов проверки перед сдачей. Это и есть весь ответ скилла, дальше работает уже помощник

Что это тебе даёт: у тебя появляется точка, где можно сказать «нет» до того, как написана разметка. Поменять название стиля в одной строке дешевле, чем переделывать собранный экран

Просьба вообще работает тем лучше, чем она конкретнее. Если формулировки даются тяжело, посмотри семь формул точного запроса: те же правила годятся и здесь

Шаг 4. Формулируй просьбу к скиллу по-английски

Куда нажать: в самой просьбе оставь английское описание продукта в кавычках, а всё остальное пиши по-русски. Выглядит это ровно так, как в примере шага 3: русская обёртка и английская сердцевина

Что увидишь: ответ, привязанный к твоей теме. Если оставить описание по-русски, ответ тоже придёт, но он будет один и тот же на любую тему, и заметить подмену на глаз почти невозможно: рамка выглядит одинаково солидно в обоих случаях

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

Смотреть тут стоит на левый столбец. Пять совершенно разных задач получили не похожий ответ, а буквально один и тот же, вплоть до номера фонового цвета и имени шрифта. Пекарня и банковская панель оформлены одинаково

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

Что это тебе даёт: одна привычка снимает главный дефект. Описание продукта в просьбе пишется по-английски двумя-пятью словами, и этого достаточно, остальное можно писать как удобно. Если английский совсем не даётся, попроси помощника перевести описание в той же переписке, это одна строка

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

Шаг 5. Прогони готовый экран по списку из семи пунктов

Куда нажать: попроси помощника пройтись по контрольному списку, который скилл печатает в конце каждого ответа. Список короткий и одинаковый для всех стилей, поэтому его удобно держать под рукой

Что увидишь: семь строк, каждая про то, что чаще всего забывают

Что это тебе даёт: приёмка перестаёт быть вкусовой. Вместо «мне что-то не нравится» ты называешь пункт, помощник его чинит, и спорить не о чем

Четвёртый пункт мне нравится честностью самого скилла. В строке про контраст он пишет не «сделано», а «проверь»: подобрать пару цветов алгоритм может, а поручиться за читаемость всех надписей на странице нет. Проверка остаётся на человеке, и это правильный размен

Второй путь установки: через каталог готовых пакетов

Второй способ авторы помечают словом Recommended, и в нём один нюанс, на котором спотыкаются почти все. В каталоге npm лежат ДВА похожих пакета от одного автора, и старый до сих пор скачивают

Живой правильный пакет называется ui-ux-pro-max-cli, свежий выпуск 2.15.0 вышел 13 августа 2026 года. Старый называется uipro-cli, последний раз обновлялся 29 января 2026 года, и в описании проекта про него написано прямым текстом: выпуски устарели и брать из них таблицы не надо. Команда после установки у обоих одна и та же, uipro, поэтому по команде их не различить

Что это тебе даёт: свежие таблицы и возможность обновляться одной строкой. За месяц с 31 июля по 29 августа 2026 года правильный пакет скачали 90 688 раз, старый 24 968 раз, то есть каждый четвёртый до сих пор ставит устаревшую сборку

Про то, откуда вообще берутся такие пакеты и папки, у меня есть разбор про скачивание проектов с GitHub. Тот же скилл ставится и в соседние инструменты: Cursor, Windsurf, Antigravity и GitHub Copilot есть в списке поддерживаемых

Где скилл не помогает

Список собран из того, как связка устроена изнутри, и из моего прогона. Ни один пункт не отменяет пользы, но знать их дешевле заранее

Что это тебе даёт: правильные ожидания. Скилл снимает «усреднённый вид» и даёт согласованный набор решений, но не заменяет ни вкуса, ни второй пары глаз. Про вторую пару глаз у меня есть разбор про дизайн без дизайнера и подборка для тех, кто рисует сам

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

Чем он отличается от других скиллов и от моих разборов

Скиллов под дизайн в природе больше одного, и они решают разные задачи. Различие проходит по тому, что именно скилл держит: свод правил, набор данных или чужой вкус

У меня на сайте про соседние вещи написано отдельно, и путать их не надо. Общий разбор скиллов отвечает на вопрос, что это вообще такое, список из двадцати двух показывает ассортимент, а десять готовых с установкой за минуту закрывают быстрый старт. Особняком стоят пять скиллов под чистку текста и пять умений под живой контент: они вообще про слова, а не про экраны

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

Если задача звучит как «мне нужен сайт, а не разбор скилла», у меня есть готовая сборка: лендинг одной строкой, внутри неё этот же скилл уже стоит. Рядом лежат как сделать сайт с помощью ИИ и сколько это стоит по деньгам

Пять мест, где новички спотыкаются

Список собран из описания проекта, из служебных файлов и из моего прогона 31 августа 2026 года

Шестая поломка вообще не твоя: помощник иногда молчит, потому что вход в него закрыли на стороне организации. Что это за надпись и как вернуть доступ, разложено на отдельной странице. А если помощник ещё не оплачен, рядом лежат что получится сделать бесплатно и четыре пути оплаты из России

Один экран стал приличным, а система не появилась

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

Скилл умеет сохранять набор отдельным файлом, и это половина решения. Вторая половина в том, кто следит, чтобы новые экраны собирались по этому файлу, а не по свежему ответу поиска. Файл сам себя не применит

Собирается это не из новых скиллов, а из движения между ними: описание продукта лежит в одном месте, набор решений во втором, проверка семи пунктов в третьем, а готовый экран уезжает в четвёртое. Всё, что у меня написано про скиллы и следующую ступень после них, лежит в одном разделе сайта

Источники

Список ниже собран руками: 31 августа 2026 года я открывал каждую страницу, скачивал свежую копию проекта и считал строки в файлах сам. Кадры сняты тем же днём

• Страница проекта на GitHub: счётчики отметок и ответвлений, блок About с адресом сайта и лицензией, список папок, история изменений и раздел Installation с обеими командами - github.com
• Файлы самого скилла, свежая копия от 31.08.2026: таблицы стилей, цветов, шрифтов, правил удобства, значков, движения и 22 набора под способы сборки, служебный файл со счётом строк и датой сверки 13.08.2026, а также программа поиска, по которой видно поведение на пустой выдаче - github.com
• Карточка пакета ui-ux-pro-max-cli в каталоге npm: номер выпуска 2.15.0, дата 13.08.2026, число выпусков, лицензия и счётчик загрузок - npmjs.com
• Карточка устаревшего пакета uipro-cli в том же каталоге: последний выпуск 2.2.3 от 29.01.2026 и число загрузок за тот же месяц - npmjs.com
• Официальная справка Claude Code про скиллы: что такое файл инструкции, где живут папки скиллов и как позвать скилл вручную - code.claude.com
• Сайт проекта, куда ведёт блок About на GitHub - uupm.cc

Памятка: от пустой папки до проверенного экрана

Восемь строк, по которым проходит весь путь

Частые вопросы