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

Получилось или нет: три признака на экране

Установку видно глазами, и проверяется она за минуту. Смотреть надо на три вещи подряд

Первое: в папке проекта появился каталог .claude/skills, а внутри него семь папок, а не одна. Второе: помощник на вопрос «какие дополнения тебе сейчас доступны» перечисляет строку ui-ux-pro-max с описанием про дизайн. Третье, и оно главное: в ответе на просьбу стоит конкретное имя стиля вроде Claymorphism или Liquid Glass, а не общие слова про современный минимализм

Третий признак важнее первых двух. Установка почти никогда не ломается, а вот ответ приходит пустым легко, и выглядит пустой ответ ровно так же солидно, как полный

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

Стена стоит в языке просьбы, и она молчит

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

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

   -- по-русски --
   лендинг для онлайн-школы с курсом для родителе -> Minimalism & Swiss Style | Hero + Features + CTA | #2563EB
   приложение для учёта пробежек                  -> Minimalism & Swiss Style | Hero + Features + CTA | #2563EB
   криптовалютный кошелёк                         -> Minimalism & Swiss Style | Hero + Features + CTA | #2563EB
   магазин дорогих украшений                      -> Minimalism & Swiss Style | Hero + Features + CTA | #2563EB
   панель аналитики для бухгалтера                -> Minimalism & Swiss Style | Hero + Features + CTA | #2563EB
   -- по-английски --
   online course e-learning school for parents    -> Claymorphism | Hero + Testimonials + CTA | #0D9488
   app for tracking running workouts              -> Dark Mode (OLED) | Hero + Testimonials + CTA | #EA580C
   crypto wallet                                  -> Minimalism & Swiss Style | Trust & Authority + Conversion | #F59E0B
   luxury jewelry store                           -> Liquid Glass | Feature-Rich Showcase | #1C1917
   analytics dashboard for accountants            -> Data-Dense Dashboard | Enterprise Gateway | #1E40AF

Смотреть тут стоит на верхний столбец. Детская школа, беговое приложение, криптокошелёк, ювелирный магазин и бухгалтерская панель получили не похожий ответ, а буквально один и тот же, вплоть до номера цвета #2563EB. Нижний столбец на тех же пяти задачах даёт пять разных систем, и каждая попадает в тему: детям мягкий объёмный Claymorphism, бегунам тёмная тема, ювелирке стеклянный Liquid Glass, бухгалтерии плотная панель данных

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

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

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

Ответ пришёл пустым, хотя писал по-английски

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

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

Одна и та же фраза online course landing на автовыборе таблицы даёт ноль совпадений: скилл решил, что это вопрос про структуру посадочной страницы, и пошёл в таблицу landing. Она же с явно названной таблицей product даёт три попадания, и первое из них называется Online Course/E-learning - ровно то, что человек искал. Слово course само по себе ведёт себя так же: ноль на автовыборе, три попадания при названной таблице

Отсюда правило, которое экономит полчаса: называй таблицу прямо в просьбе. Не «подбери мне палитру для онлайн-курса», а «поищи в таблице product по слову course, потом в таблице color». Двенадцать имён таблиц лежат ниже, их можно не запоминать, а держать под рукой

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

Двенадцать таблиц: какую называть под какую задачу

Это тот самый предмет, который стоит забрать со страницы. Левый столбец подставляется в просьбу дословно

Отдельной строкой идут наборы под способ сборки: их 22, и зовутся они не именем таблицы, а словом stack. Пишешь --stack react или --stack flutter, и приезжают правила именно этого способа: от 49 строк у Vue до 75 у JavaFX, всего 1260 правил

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

Ставится семь скиллов, а не один

Команда uipro init кладёт в проект не одну папку, а семь. Это стоит знать заранее: половина из них к таблицам отношения не имеет и делает совсем другую работу

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

Если у тебя не Claude Code, не терминал или не первый раз

Три ветки, по которым читатели расходятся сразу после установки. Найди свою

Помощник другой. Команда отличается одним словом после --ai: cursor, windsurf, antigravity, copilot, kiro, codex, gemini, trae, opencode и ещё несколько. Таблицы при этом одни и те же, меняется только место, куда кладётся папка. Разборы соседей у меня лежат отдельно: Cursor, Windsurf, Antigravity, GitHub Copilot

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

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

Обе строки взяты с описания проекта, и вот как этот раздел выглядит на самой странице

Обрати внимание на слово Recommended у второго блока. Авторы помечают им именно путь через терминал, и с тех пор, как пометка появилась, я советую начинать с него: через каталог пакетов приезжают самые свежие таблицы, а магазин отстаёт

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

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

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

Про то, откуда вообще берутся такие пакеты и папки, у меня есть разбор про скачивание проектов с GitHub

Экран собран: семь пунктов приёмки

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

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

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

Формулировать просьбу с нуля не надо, вот готовая: подставь в неё своё английское описание и имя своей таблицы из списка выше

Поищи в таблице product по слову "course",
потом в таблице color по фразе "education palette",
потом в таблице typography по слову "playful".
Покажи, что нашлось в каждой, и не верстай, пока не скажу «ок»

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

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

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

Что это тебе даёт: понимание, за что ты платишь вниманием. Это не «умный дизайнер внутри», а большой справочник с поиском, и справочник этот не общий: 1260 правил разложены по 22 способам сборки, поэтому на Vue приедет 49 строк, а на JavaFX 75 - разные правила под разную работу, а не один совет на всех

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источники

Список ниже собран руками: я открывал каждую страницу, скачивал свежую копию проекта и считал строки в файлах сам. Кадры сняты 31.08.2026, числа таблиц и поведение поиска перепроверены на свежей копии 14.09.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

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

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

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