Правила Refactoring UI как навык для Claude Code

🔹 s0xDk/refactoring-ui-skill
⭐ 397 звёзд · CSS

Навык для Claude Code, который заставляет модель применять правила дизайна из книги Refactoring UI Вазана и Шогера при вёрстке и правке интерфейсов. Вместо произвольных значений — фиксированные шкалы отступов, кеглей, весов, цветов, теней и радиусов, проверенные постранично по оригиналу.

Иерархия строится через вес шрифта и цвет, а не через размер. В комплекте tokens.css со стартовыми токенами и проверкой контраста, шпаргалка по HSL-палитрам, таблица диагностики UI-проблем и приёмы имитации света для глубины.

Активируется автоматически, когда вы работаете с UI или жалуетесь Claude, что интерфейс «выглядит любительски». Лицензия MIT, текст и картинки из книги в репозиторий не включены — только заметки автора и CSS.

репозиторий

Полезная Репа 🎨