Принципы полировки UI-компонентов

★ 8.2 · content

better-ui — это скилл для Claude Code, который задаёт принципы дизайн-инжиниринга для доведения интерфейса до ощущения «отполированного». Внутри — 13 конкретных принципов с точными значениями: концентрические радиусы скругления (outer = inner + padding), оптическое выравнивание, тени вместо рамок для глубины, прерываемые CSS-переходы, stagger-анимации с шагом ~100 мс, scale(0.96) при нажатии, кросс-фейд иконок через opacity/scale/blur (0.25→1, 4px→0px) и подавление переходов при смене темы. Скилл охватывает работу с поверхностями, enter/exit-анимациями, иконками, micro-interactions и производительностью, ссылаясь на вложенные файлы рецептов. Применяй при создании UI-компонентов, ревью фронтенд-кода и любой работе с визуальными деталями — там, где интерфейс «не ощущается правильным».