Каталог / ibelick / baseline-ui
baseline-ui
ibelick/ui-skills
12.9K
установок
#743
в рейтинге
Что делает
Проверяет дизайн и паттерны взаимодействия, чтобы избежать типичных UI anti-patterns в Tailwind CSS проектах.
- Валидирует длительность анимаций (макс 200ms для интерактивных элементов), ограничивает анимации только compositor-свойствами, требует поддержку prefers-reduced-motion
- Требует доступные компоненты (Base UI, React Aria, Radix) для интерактивных элементов и соблюдение стандартов клавиатурного взаимодействия
- Проверяет типографику: text-balance для заголовков, tabular-nums для данных, запрещает произвольные изменения letter-spacing
- Предотвращает anti-patterns макета: h-screen (используй h-dvh), произвольные z-index значения, анимирование layout-свойств
- Проверяет файлы по всем критериям и выводит точные нарушения с кодовыми исправлениями
Установка
$ npx skills add ibelick/ui-skills