ui-ux-design-principles — скилл для Claude Code: правила UI и UX

Что делает ui-ux-design-principles

Скилл задаёт общий язык для разговора об интерфейсе: эвристики юзабилити, визуальная иерархия, доступность, обратная связь при действиях, информационная архитектура, дизайн-токены и тестируемость. Внутри только markdown, никаких скриптов — его читают, а не запускают. Каждое правило привязано к способу проверки: E2E-слой и Playwright, сверка с design-guide.json, проверки доступности. Правило без теста остаётся советом, правило с проверкой становится частью сборки.

Главная часть — чек-лист перед мержем. Семь свойств: обратная связь на успех и на ошибку, доступность с клавиатуры и для скринридера, визуальная иерархия, переиспользование токенов, архитектура экранов и переходов, стабильные селекторы вроде data-testid, состояние загрузки для действий дольше ~200 мс без сдвига вёрстки. Пустая строка допустима, если так оправдан объём работ. Строка, о которой не подумали, — повод вернуться.

Скилл третий в тройке: software-design-principles про код, architectural-design-principles про систему, этот — про то, как продукт выглядит и как по нему ходят. В consort его подключает UX Designer, чтобы написать design-guide.{md,json} и ia.md и задать контракт соответствия; Driver берёт его при сборке интерфейса. Без ia.md и без проверки доступности чек-лист закрыть нечем, поэтому оба артефакта стоит завести до первой вёрстки.