GitHub-радар
Скилл Refactoring UI для Claude Code
Скилл для Claude Code с конкретными правилами дизайна из книги Refactoring UI: шкалы отступов, цветовая иерархия и глубина через имитацию света.
Скилл для Claude Code с конкретными правилами из книги Refactoring UI Адама Уотана и Стива Шогера — авторов Tailwind CSS. Клод получает фиксированные шкалы отступов, типографики, цветов и теней вместо произвольных значений. Агент строит иерархию через вес шрифта и цвет, а не только размер, и умеет диагностировать размытые жалобы вроде «выглядит дёшево» или «что-то не так» в конкретные механические правки. Каждое правило сверено со страницами книги. Включает таблицу «симптом → правка», руководство по построению цветовой палитры (HSL, насыщенность, поворот оттенка), техники имитации глубины и света и готовый стартовый CSS-набор токенов с проверенным контрастом.
Зачем это вайб-кодеру
После установки Клод работает по единой системе вместо угадывания. Интерфейсы, которые раньше выглядели самодельными, начинают выглядеть профессионально — и вам не нужно самостоятельно разбираться в теории дизайна.
Как поставить
Скопируйте и отправьте своему агенту — Claude Code, Codex, любому:
Установи скилл Refactoring UI из этого репозитория: https://github.com/s0xDk/refactoring-ui-skill — действуй по README (глобальная установка через npx skills add), и когда установишь, перепиши стили моей текущей страницы, чтобы она выглядела профессионально по правилам скилла.
▌ Ещё находки