Repolode
smokeeaasd

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. 1

    Установите skill в свой проект с помощью npm

    npx flawless-ui-ux@latest install
  2. 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 обновляется ежедневно.

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

Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.

111,6 тыс.+4,7 тыс. за неделю7,5 тыс.JavaScriptMITАктивно поддерживаетсяОбновлён 9 часов назад

Правила и навыки, которые помогают AI-агентам для программирования избегать шаблонного UI, маркетинговых штампов и комментариев в стиле AI.

8,6 тыс.+834 за неделю577JavaScriptMITАктивно поддерживаетсяОбновлён позавчера