Repolode
nextlevelbuilder

nextlevelbuilder/ui-ux-pro-max-skill

Навык для AI-ассистентов программирования: поиск правил UI/UX-дизайна, стилей, палитр, сочетаний шрифтов и рекомендаций для конкретных стеков.

Звёзды
138,031
Форки
14,642
Открытые issues
91
Последний коммит
6 дней назад

Что это?

UI UX Pro Max — навык для AI-ассистентов программирования, который помогает принимать решения по дизайну при создании интерфейсов. Он включает каталог стилей UI с поиском, цветовые палитры для 192 типов продуктов, подобранные сочетания шрифтов, рекомендации по диаграммам и руководства по UX. Python-скрипт ищет по каталогу с ранжированием BM25 и формирует полноценную дизайн-систему для заданного продукта.

Навык устанавливается в такие инструменты, как Claude Code, Cursor, Windsurf, GitHub Copilot, Codex CLI и Gemini CLI, через npm-пакет ui-ux-pro-max-cli, который помещает файлы навыка в каталоги, ожидаемые каждым ассистентом. Рекомендации для конкретных стеков охватывают веб-фреймворки React, Next.js, Vue, Angular и Svelte, мобильные платформы SwiftUI, Jetpack Compose и Flutter, а также несколько фреймворков для настольных приложений.

Скрипты поиска используют только стандартную библиотеку Python и не обращаются к сети. Дизайн-систему также можно сохранить в файл MASTER.md и при необходимости задать отдельные переопределения для страниц, чтобы использовать те же правила в следующих сессиях.

Ключевые возможности

  • 01Каталог с поиском по 79 стилям UI; по умолчанию активны 50.
  • 02Цветовые палитры для 192 типов продуктов и 74 подобранных сочетания шрифтов.
  • 03Рекомендации для 22 фреймворков с учётом стека, включая React, Vue, SwiftUI и Flutter.
  • 04Создание дизайн-системы по описанию продукта с помощью Python CLI-скрипта.
  • 05Файлы дизайн-системы с возможностью сохранять настройки и задавать переопределения для отдельных страниц.
  • 06Установка во множество AI-ассистентов для программирования через npm-пакет ui-ux-pro-max-cli.

Сценарии использования

  • Передать AI-ассистенту правила дизайна, прежде чем он создаст лендинг или дашборд.
  • Создать согласованную систему цветов и типографики для нового продукта в сфере SaaS, финтеха или здравоохранения.
  • Проверить UI-код на соответствие рекомендациям по доступности и адаптивной вёрстке для конкретного фреймворка.
  • Использовать одну дизайн-систему в разных сессиях с помощью файла MASTER.md и переопределений для отдельных страниц.

Быстрый старт

  1. 1

    Найдите npm CLI-пакет ui-ux-pro-max-cli и следуйте инструкциям по установке в README

  2. 2

    Убедитесь, что у вас установлен Python 3.x, поскольку проект написан на Python

Что важно знать

  • На вашем компьютере должен быть установлен Python 3.x.
  • В доступном здесь фрагменте README приведены не все команды установки, поэтому перед использованием проверьте раздел настройки.

Темы

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

Что такое ui-ux-pro-max-skill?
Навык для AI-ассистентов программирования: поиск правил UI/UX-дизайна, стилей, палитр, сочетаний шрифтов и рекомендаций для конкретных стеков. UI UX Pro Max — навык для AI-ассистентов программирования, который помогает принимать решения по дизайну при создании интерфейсов. Он включает каталог стилей UI с поиском, цветовые палитры для 192 типов продуктов, подобранные сочетания шрифтов, рекомендации по диаграммам и руководства по UX. Python-скрипт ищет по каталогу с ранжированием BM25 и формирует полноценную дизайн-систему для заданного продукта.
ui-ux-pro-max-skill можно использовать бесплатно? Какая у него лицензия?
ui-ux-pro-max-skill распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
ui-ux-pro-max-skill всё ещё поддерживается?
Активно поддерживается. Последний коммит в ui-ux-pro-max-skill — 15 окт. 2026 г..
Для чего можно использовать ui-ux-pro-max-skill?
Передать AI-ассистенту правила дизайна, прежде чем он создаст лендинг или дашборд. Создать согласованную систему цветов и типографики для нового продукта в сфере SaaS, финтеха или здравоохранения. Проверить UI-код на соответствие рекомендациям по доступности и адаптивной вёрстке для конкретного фреймворка. Использовать одну дизайн-систему в разных сессиях с помощью файла MASTER.md и переопределений для отдельных страниц.
Как установить ui-ux-pro-max-skill?
Найдите npm CLI-пакет ui-ux-pro-max-cli и следуйте инструкциям по установке в README Убедитесь, что у вас установлен Python 3.x, поскольку проект написан на Python
Где скачать ui-ux-pro-max-skill?
Исходный код и инструкции по установке — на GitHub: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Набор инструкций и знаний, который помогает Claude и другим coding agents стать экспертами по UX/UI-дизайну: DTCG-токены, спецификации компонентов, 138 дизайн-систем и 52 объективные проверки.

2,4 тыс.253JavaScriptMITОбновлён позавчера

Набор из 273 готовых к использованию ИИ-агентами дизайн-навыков и 76 slash-команд для Claude Code и Gemini CLI: исследования, дизайн-системы, UI, взаимодействие и передача в разработку.

3 тыс.413MarkdownMITОбновлён 2 месяца назад