Набор инструкций и знаний, который помогает Claude и другим coding agents стать экспертами по UX/UI-дизайну: DTCG-токены, спецификации компонентов, 138 дизайн-систем и 52 объективные проверки.
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
Найдите npm CLI-пакет ui-ux-pro-max-cli и следуйте инструкциям по установке в README
- 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 обновляется ежедневно.
Похожие проекты
Набор специализированных для Go навыков агента, которые помогают AI-ассистентам писать код с учётом идиом языка, тестирования, безопасности и популярных библиотек.
Набор из 273 готовых к использованию ИИ-агентами дизайн-навыков и 76 slash-команд для Claude Code и Gemini CLI: исследования, дизайн-системы, UI, взаимодействие и передача в разработку.
Коллекция React-компонентов на базе Radix UI и Tailwind CSS: копируйте их в свой проект, владейте кодом и настраивайте его под себя.
Подборка из более чем 1000 Claude Skills и плагинов для Claude Code, Claude.ai и ИИ-агентов для программирования, таких как Codex, Cursor и Gemini CLI.
Библиотека доступных React-компонентов и дизайн-система для быстрой разработки веб-приложений с поддержкой тёмной темы и Next.js RSC.