Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.
smokeeaasd/flawless-ui-ux
UI/UX-навык для coding agents: помогает создавать, перерабатывать и проверять интерфейсы, а CLI анализирует работающие страницы на проблемы с доступностью и вёрсткой.
- Звёзды
- 91
- Форки
- 1
- Открытые issues
- 0
- Последний коммит
- вчера
Что это?
flawless-ui-ux — это пакет с инструкциями по дизайну для coding agents, таких как Codex, Claude Code, OpenCode и Cursor. Он помогает связать аудиторию продукта, контент и айдентику с композицией, типографикой, цветом, плотностью элементов и взаимодействием. Пакет подходит для создания новых экранов, переработки существующих, доработки деталей и проверки результата без изменения файлов.
В проект также входит npm CLI. Он собирает контекст проекта, проверяет выбранные исходные файлы или работающий сервер разработки с помощью headless-браузера и сообщает о проблемах с контрастностью и названиями элементов, фактических размерах шрифта, горизонтальной прокрутке, битых изображениях и необработанных ошибках JavaScript. Сохранённый baseline можно проверять повторно после изменений, чтобы отделить сохранившиеся проблемы от новых и устранённых.
При установке навык копируется в проектный или глобальный каталог поддерживаемых агентов; требуется Node версии 22.12 или новее. Проверки CLI дают лишь выборочную оценку и не подтверждают полное соответствие WCAG или визуальное качество.
Ключевые возможности
- 01Помогает создавать, перерабатывать, дорабатывать и проверять интерфейсы в рамках существующего стека
- 02Устанавливается в проектные или глобальные каталоги двенадцати поддерживаемых coding agents
- 03Проверяет исходные файлы и работающие страницы на проблемы с доступностью и вёрсткой
- 04Сравнивает результаты с сохранённым baseline, отделяя сохранившиеся проблемы от новых и устранённых
- 05Поддерживает интерактивную установку и явные флаги для запуска из скриптов
Сценарии использования
- Попросить coding agent создать лендинг или дашборд с чётким визуальным направлением
- Проверить существующий экран на читаемость, удобство навигации и повторяющиеся шаблонные решения
- Проверить локальный сервер разработки на проблемы с контрастностью и горизонтальную прокрутку на мобильных ширинах
- Убедиться, что после очередного исправления UI те же проблемы не остались
Быстрый старт
- 1
Установите skill в свой проект с помощью npm
npx flawless-ui-ux@latest install - 2
Попросите своего агента для программирования создать или проверить интерфейс с помощью skill
Что важно знать
- Требуется Node версии 22.12 или новее.
- Для запуска проверки в браузере необходимо установить Playwright Chromium.
- Проверка охватывает лишь несколько размеров viewport и не подтверждает полное соответствие WCAG.
В подборках
Темы
Частые вопросы
- Что такое flawless-ui-ux?
- UI/UX-навык для coding agents: помогает создавать, перерабатывать и проверять интерфейсы, а CLI анализирует работающие страницы на проблемы с доступностью и вёрсткой. flawless-ui-ux — это пакет с инструкциями по дизайну для coding agents, таких как Codex, Claude Code, OpenCode и Cursor. Он помогает связать аудиторию продукта, контент и айдентику с композицией, типографикой, цветом, плотностью элементов и взаимодействием. Пакет подходит для создания новых экранов, переработки существующих, доработки деталей и проверки результата без изменения файлов.
- flawless-ui-ux можно использовать бесплатно? Какая у него лицензия?
- flawless-ui-ux распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- flawless-ui-ux всё ещё поддерживается?
- Активно поддерживается. Последний коммит в flawless-ui-ux — 6 нояб. 2026 г..
- Для чего можно использовать flawless-ui-ux?
- Попросить coding agent создать лендинг или дашборд с чётким визуальным направлением Проверить существующий экран на читаемость, удобство навигации и повторяющиеся шаблонные решения Проверить локальный сервер разработки на проблемы с контрастностью и горизонтальную прокрутку на мобильных ширинах Убедиться, что после очередного исправления UI те же проблемы не остались
- Как установить flawless-ui-ux?
- Установите skill в свой проект с помощью npm: npx flawless-ui-ux@latest install Попросите своего агента для программирования создать или проверить интерфейс с помощью skill
- Где скачать flawless-ui-ux?
- Исходный код и инструкции по установке — на GitHub: https://github.com/smokeeaasd/flawless-ui-ux
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
24 open-source навыка для агентов, которые помогают Claude Code, Codex, Cursor и opencode создавать более выразительные и продуманные интерфейсы.
Навык проектирования интерфейсов для AI-агентов: предлагает разные варианты дизайна, сравнивает их и дорабатывает по реальным скриншотам.
Правила и навыки, которые помогают AI-агентам для программирования избегать шаблонного UI, маркетинговых штампов и комментариев в стиле AI.
Навык для AI-агентов и CLI, которые помогают создавать качественные интерфейсы вместо шаблонных UI с типичным «AI-стилем».
Навык для агентов, который помогает Claude Code, Cursor и другим принимать дизайнерские решения при создании и доработке интерфейсов, презентаций и графики.