Скиллы для AI-агентовДизайн

UI UX Pro Max: дизайн-система под ваш продукт по одному описанию

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

139 660звёзд на GitHub · #10

Открыть на GitHub

Установка

  • skills CLI
    npx skills add nextlevelbuilder/ui-ux-pro-max-skill

Скачать ZIP

Автор
NextLevelBuilder
Лицензия
MIT
Пакет
7 скиллов в пакете
Обновлён
23 октября 2026 г.
Агенты
Claude Code

Что умеет

  • Генератор дизайн-системы: на запрос вроде «лендинг для спа-салона» отвечает паттерном секций, стилем, цветами, шрифтами и эффектами
  • 192 отраслевых правила, от SaaS и банков до клиник и ресторанов, и для каждой ниши список того, чего в ней делать не стоит
  • Справочник из 79 стилей интерфейса, 192 палитр, 74 шрифтовых пар, 25 типов графиков и 119 правил UX и доступности
  • Подсказки для 22 стеков, среди них React, Next.js, Vue, SwiftUI, Flutter, Tailwind и shadcn/ui
  • Около шести скиллов в наборе: бренд, токены design-system, ui-styling, HTML-слайды, баннеры и логотипы через Gemini

Когда пригодится

  • Начинаете новый лендинг и не знаете, какую палитру и какие шрифты брать для своей ниши
  • Нужно описать токены и компоненты, чтобы весь интерфейс держался одного стиля
  • Перед релизом хотите пройтись по контрасту, фокусу, адаптиву и prefers-reduced-motion

Попросите агента

  • Собери дизайн-систему для сайта стоматологической клиники: цвета, шрифты, порядок секций
  • Подбери стиль и палитру для дашборда личных финансов на Next.js и Tailwind
  • Проверь эту страницу по чек-листу UI UX Pro Max перед выкладкой

Вопросы

Как установить UI UX Pro Max?

Командой npx skills add nextlevelbuilder/ui-ux-pro-max-skill, она ставит весь набор. Скриптам нужен Python 3, а генерации картинок ещё пакеты google-genai и pillow.

Нужен ли UI UX Pro Max платный API?

Подбор стилей, палитр и шрифтов идёт через встроенный поиск BM25 по базе. Ключ Gemini или MuAPI в инструкции требуется для генерации логотипов, CIP-макетов и иконок.

С какими фреймворками работает UI UX Pro Max?

В README перечислены 22 стека, в том числе React, Next.js, Astro, Vue, Svelte, SwiftUI, React Native, Flutter, Jetpack Compose и Angular.

ДизайнВсе скиллы